134 0666 8911

咨询服务热线:

首页 >> 新闻中心 >>网络资讯 >> 微信小程序开发教程「寿光大远微信小程序」
详细内容

微信小程序开发教程「寿光大远微信小程序」

image.png

一、什么是微信小程序

张小龙在朋友圈里这样解释道:小程序是一种不需要下载安装即可使用的应用,它实现了应用「触手可及」的梦想,用户扫一扫或搜一下即可打开应用。也体现了「用完即走」的理念,用户不用关心是否安装太多应用的问题。应用将无处不在,随时可用,但又无需安装卸载。技术层面的小程序就是微信小程序 = XML + CSS + JS 的移动应用程序

二、开发微信小程序的工具

首先得到微信小程序官网下载好你电脑对应配置的“微信开发者工具”微信小程序要怎么开发,教你创建一个微信小程序安装好后接下来就开启了你的开发之旅;安装完成后,第一次启动时会出现一个二维码,需要使用微信扫描该二维码才可登录开发者工具:自“微信小程序”这个词出现在人们的视野后引起的躁动一直没有平息,从最初的疯狂追逐到今日的冷静追求,折射出来的是广大创业者对新事物的锐利敏感度以及自身发展的深刻思考。

微信小程序搭建教程:

第一步:搭开发环境

首先,我们需要在本地搭建好微信「小程序」的开发环境。即下载开发者工具。微信官方已经推出了正式版 IDE,打开官网下载页面,根据自己的操作系统选择。安装好之后打开运行,会要求微信扫码登陆。之后,就可以看到创建项目的页面了。选择添加项目,没有 AppID 就选无(如果乱写会报错,到时可能无法进入项目)。点击“添加项目”之后,我们会进入开发工具的调试页面。

第二步:下载「小程序」源码

接下来,我们下载「小程序」的源码。可以选择直接从官网提供的链接下载,也可以从微信团队的 Github 仓库拉取。推荐从 Github 仓库拉取,这样可以及时获取最新的代码。

第三步:云端部署 server 代码

虽然服务端的开发不是本文的重点,但是为了全面地体验「小程序」的整个开发部署流程,我们还是有必要了解服务端的部署,详情可以去花生壳了解哈。

第四步:准备域名和配置证书

如果你已经有了服务器和域名,并配置好了 https,那么可以跳过第 4-6 步了。在微信小程序中,所有的网络请求受到严格限制,不满足条件的域名和协议无法请求。简单来说,就是你的域名必须走 https 协议。所以你还需要为你的域名申请一个证书。如果没有域名,可以先注册一个免费的域名,然后登录微信公众平台配置通信域名。

第五步:Nginx 配置 https

微信小程序云端示例镜像中,已经部署好了 Nginx,但是还需要修改配置中的域名、证书、私钥。配置完成后,重新加载配置文件并且重启 Nginx。

image.png

第六步:域名解析

我们还需要添加域名记录,将域名解析到云服务器上,这样才可以使用域名进行 https 服务。可以在花生壳注册个域名,通过注册域名的控制台来添加主机记录,解析生效后,域名就支持 https 访问了。

第七步:启动「小程序」的服务端

进入相应目录,如果是你自己的服务器,请进入相应的文件夹启动

第八步:配置「小程序」通信域名

接下来,在微信 web 开发者工具打开「小程序」项目,并把源文件config.js中的通讯域名 host 修改成你自己申请的域名。

      ADRESS:寿光市广场街与正阳路交叉口西100米路北

PHONE:15908018101
网站导航
技术支持: 山东易云网络公司 电话:15908018101 | 管理登录
seo seo