小程序交流群:528215729,加入和小伙伴们一起探讨开发疑难、运营idea吧

admin

admin

发表于 2018-05-19 17:43:10

摘要:一键搭建微信小程序开发环境 及demo运行(腾讯云上一键搭建node.js服务器环境,PHP,Java,.NET服务类似) (微信小程序开发 - 微信 小程序外包开发-微信小程序 开发教程-微信小程序开发者社区,尽在 www.mntuku.cn)

一、首先准备下本地环境(本地就需要一个微信开发工具)

1、首先得有一个微信小程序账号,登陆微信小程序首页:mp.weixin.qq.com,点击右上角立即注册。

注册登陆后,首页填写一些小程序基本信息



填写完小程序基本信息后,点击进入开发设置



这里能查看到AppID(小程序ID) AppSecret(小程序密钥),这个注意AppSecret(小程序密钥)点击生成后,后面一键创建服务器开发环境要用,生成后要记录好,因为关闭后,下次不能再查看,只能重新生成新的,生成新的后数据库中对应预存的也要修改,比较麻烦。


小程序账号相关信息新设置到这里,下面购买配置服务器环境(对应初学者 90块3个月比较划算)。


二、点击登陆腾讯云官网(请点击登录腾讯云官网,推广任务需要,谢谢!),注册购买小程序解决方案。

注册登陆后,点击解决方案中的微信小程序



点击马上使用,然后提示实名认证,完成认证。



实名认证后,切回上个网页上的wafer解决方案下的总览(如果网页不在可重新从首页进入)



输入AppID(小程序ID) 和AppSecret(小程序密钥) 选择合适合适的开发语言(无前端开发基础的建议使用node.js,因为小程序使用JavaScript写的,node.js基本上也就是JavaScript,相当于只需要学习一门语言),大神可随意选择PHP,Java,.NET

JavaScript教程node.js教程



首次购买腾讯云产品是有优惠的,大家可以根据自己需求购买(博主买的90块3个月挺划算,后买好像不是按每月30算了,不过买多还是划算的,续费的时候好像就没优惠了),点击立即创建



等待创建中……



全部创建完成后点击使用配置指南



这里大家可以点击自动设置小程序域名,通过小程序账号绑定微信扫描,会有一个腾讯云和小程序账号绑定的过程,然后环境就建好了。



虽然刚才点击了自动配置域名,但是好像还是要手动配置下,点击设置小程序服务器配置信息。



微信小程序账号中,开发设置中,点击开始配置,一一对应填进去即可。



但是配置完以后提交保存应该都会报错,这里就需要提到上面说的域名变更了,只是告诉大家域名填写的位置,因为这些域名是腾讯提供的开发环境域名,而这里需要填写的是发布小程序时的域名,需要自己申请并备案的,这个后面再说,到这里开发环境已经搭建完了,可以下载小程序demo调试学习了。




三、点击下载小程序开发工具,以及小程序客户端demo下载调试(小程序服务端demo源码,上面搭建环境的时候已经自动上传到业务服务器上了,并且已经安装部署好了)。



小程序开发工具下载安装好后,回到腾讯云中的wafer解决方案总览页里,下载小程序客户端demo。




点击Download ZIP,下载客户端demo压缩包。



下载解压后,使用微信小程序工具打开demo源码,并输入AppID(小程序ID)。



打开小程序源码后,修改config.js中的host地址,即是wafer解决方案中疼讯云分配的request合法域名。

域名查看可在wafer解决方案总览中


下面可以调试小程序了,测试demo中登陆,聊天等功能。但是遇到了下面的问题哭


使用浏览器测试了下登陆请求,是有相应的https://${host}/login


遇到问题,可以再这里给腾讯提工单,相应还是挺快的,最后确认是腾讯不支持qcloud.la域名了,需要变更域名


工单里提供了变更域名详细的操作,

域名变更具体操作:
https://cloud.tencent.com/document/product/448/8440
域名变更后的操作请您参考:
https://cloud.tencent.com/document/product/448/8229

申请域名的时候,大家可以好好想想,说不定能申请个几百万的域名,www.ofo.com(好像ofo花了几百万买的)

域名变更的时候,不需要申请ssl证书,腾讯云会自动帮你配置,但会帮你自动生成二级域名。

域名申请后需要备案,备案可以完全再腾讯云上操作,中间有一部提供照片,可以去免费制定的拍照地点,注意也提供了一个app,可以使用app自己拍,然后提供备案,整个过程一周左右就能搞定。

比如填的www.yudingfan.com会随机配置成55557753.yudingfan.com(ping这个域名指向的是你的负载均衡,也是个服务器),变更域名的时候忘了截图,只能描述下,详见上面的域名变更具体操作。

变更后点击设置小程序服务器配置信息,然后再微信小程序账号后台配置小程序服务器。


域名配置



这是你就可以调试小程序的demo了,当然还得配置下小程序config.js中的host


demo中的各种操作都可以了。




当然也可能遇到问题,遇到问题主要就是两点(我遇到的和大家说下)

在总览里,大家可以点击业务服务器、会话管理服务器、微信小程序数据库MySQL这几个都是自己能控制调试修改的,登陆密码是统一的,购买的时候都会发送短信告知的,也可以在右上角邮件图标的消息中查看,

业务服务器、会话管理服务器都是常用的Linux系统centos,

下面两个问题都可以查看这里https://github.com/tencentyun/weapp-doc

问题一查看业务服务器中的sdk.config配置是否正确,通过SSH工具登陆后查看,


问题二、数据库中的AppID(小程序ID)AppSecret(小程序密钥)变更,登陆会话管理服务器



这样的你的小程序demo可能就能顺利的运行了,,如果还有问题,直接在右上角给疼讯云提工单,相应很快,


如果想学习小程序,没做过前端开发的可以先学习下JavaScript和nodes.js,node.js基本上就是JavaScript的服务器版本,相当于一门语言,在准备一本及比较新的小程序书,书的内容都差不多,越新越好,跟着书学会知道下一步该干什么,网上虽然都能找到,但没条例。

JavaScript教程

node.js教程

推荐一本比较新的书给大家《小程序,巧应用:微信小程序开发实战 第2版》


到此就写完了。2018-01-24-00:10

523阅读 | 0评论
你的回应