微信小程序开发步骤详解

微信小程序上线一月有余，开发小程序的步伐也越来越快，但是对于一些中小型企业，和线下实体店没有自己的研发团队，面对开发简单的微信小程序，该怎么办呢？下面也就为打击分享一下微信小程序的搭建教程，同时为大家推荐一款可以一键搭建小程序的开发工具。

对于开发微信小程序，下面简单介绍下微信小程序开发步骤

第一步：搭开发环境

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

第二步：下载小程序源码

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

第三步：云端部署 server 代码

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

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

第五步：Nginx 配置 https

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

第六步：域名解析

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

第七步：启动小程序的服务端，进入相应目录

如果是你自己的服务器如何开发微信小程序，请进入相应的文件夹启动

第八步：配置小程序通信域名

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