网站首页
手机版

微信小程序开发步骤详解

更新时间:2022-04-17 13:51:18作者:未知

微信小程序开发步骤详解

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

  

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

  

  第一步:搭开发环境

  

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

  

  第二步:下载小程序源码

  

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

  

  第三步:云端部署 server 代码

  

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

  

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

  

  第五步:Nginx 配置 https

  

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

  

  第六步:域名解析

  

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

  

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

  

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

  

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

  

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


本文标签: 程序开发  详解  步骤  百科  

为您推荐

excel表格怎么大批量筛选(excel表格怎么大批量筛选重复项并快速删除)

1、在选中单元格后,点击排序和筛选。2、在展开的界面中,点击筛选。3、在单元格界面中,点击全部显示。4、在展开的界面中,点击确定即可。

2023-03-21 15:30

Word2007文档水印怎么去除(word2007文档如何去除水印)

Word2007文档水印怎么去除 Word2007文档水印怎么去除 方法一 页面布局-页面背景-水印-删除水印,文档中的水印被删除. 方法二 页面布局-页面背景

2023-03-15 00:31

Word2003文档中的回车符怎么隐藏(怎样隐藏word里的回车符)

Word2003文档中的回车符怎么隐藏 Word2003文档中的回车符怎么隐藏 隐藏回车符 1.单击菜单栏"工具"下的"选项",在打开的窗口中取消勾选"视图"选

2023-03-15 00:30

Word2007自动滚动怎么设置(如何设置word自动滚动)

Word2007自动滚动怎么设置   Word2007自动滚动怎么设置 1.首先打开一篇长篇文档,单击其左上角的"office按钮"在弹出的快捷菜单中选择"Wo

2023-03-15 00:29

Word2013文档中大纲视图如何使用(word2007大纲视图)

Word2013文档中大纲视图如何使用 在Word 2013中,用户可以使用大纲视图来查看并编辑文档的大纲结构,同时可以对正文进行处理.在大纲视图模式下,文档的

2023-03-15 00:29

Word怎么用快捷键快速修改文字格式 word快捷键修改

Word怎么用快捷键快速修改文字格式   Word怎么用快捷键快速修改文字格式 1.电脑上新建word文件,例如命名为"word技巧" 2.双击"word技巧"

2023-03-15 00:27