关于【积分获取】的说明关于【附件下载】的说明
查看: 58|回复: 0

微信小程序的搭建教程!

[复制链接]

52

主题

53

帖子

323

积分

中级会员

Rank: 3Rank: 3

积分
323
发表于 2020-6-5 15:55:59 | 显示全部楼层 |阅读模式

登录后查看更多内容,推荐微信扫码快速登录

您需要 登录 才可以下载或查看,没有帐号?【请使用下方微信快捷登录注册】

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

第二步:下载「小程序」源码
接下来,我们下载「小程序」的源码。可以选择直接从官网提供的链接下载,也可以从微信团队的 Github 仓库拉取。推荐从 Github 仓库拉取,这样可以及时获取最新的代码。
第三步:云端部署 server 代码
虽然服务端的开发不是本文的重点,但是为了全面地体验「小程序」的整个开发部署流程,我们还是有必要了解服务端的部署,详情可以去花生壳了解哈
第四步:准备域名和配置证书
如果你已经有了服务器和域名,并配置好了 https,那么可以跳过第 4-6 步了。
微信小程序中,所有的网络请求受到严格限制,不满足条件的域名和协议无法请求。简单来说,就是你的域名必须走 https 协议。所以你还需要为你的域名申请一个证书。如果没有域名,可以先到先注册一个免费的域名,然后登录微信公众平台配置通信域名。
第五步:Nginx 配置 https
微信小程序云端示例镜像中,已经部署好了 Nginx,但是还需要修改配置中的域名、证书、私钥。
配置完成后,重新加载配置文件并且重启 Nginx。

第六步:域名解析
我们还需要添加域名记录,将域名解析到云服务器上,这样才可以使用域名进行 https 服务。可以在花生壳注册个域名,通过花生壳控制台来添加主机记录,解析生效后,域名就支持 https 访问了。
第七步:启动「小程序」的服务端
进入相应目录,如果是你自己的服务器,请进入相应的文件夹启动
第八步:配置「小程序」通信域名
接下来,在微信 web 开发者工具打开「小程序」项目,并把源文件config.js中的通讯域名 host 修改成你自己申请的域名。
然后点击调试,即可打开小程序Demo开始体验。

回复

使用道具 举报

本版积分规则

关闭

站长推荐上一条 /1 下一条

扫码发现更多源码

QQ|Archiver|手机版|小黑屋|小程序开发者论坛-汇集最优质源码、开发者教程、小程序资源

GMT+8, 2020-7-13 16:05 , Processed in 0.274098 second(s), 10 queries , File On.

Powered by Discuz! X3.3

© 2001-2017 Comsenz Inc.

快速回复 返回顶部 返回列表