腾讯云托管小程序服务端入门
首先注册一个小程序账号,注意小程序账号是独立于公众号和企业号的,必须重新注册账号,且要注意微信公众平台限制每个邮箱只能注册一个账号,假如你的微信之前关联的QQ账号,那么就无法使用该QQ邮箱注册公众号,这个玩过公众号的大家应该都知道,同样的规则也适用于小程序,可以把小程序理解为公众号里面的一个子类。
1直接注册
https://mp.weixin.qq.com/wxopen/waregister?action=step1
![](https://img.haomeiwen.com/i6395583/905c254d498be94f.png)
填写完成后,会跳转到提示页面,提示已将激活邮件发送到你的注册邮箱。
![](https://img.haomeiwen.com/i6395583/21cee4b75db3774b.png)
邮件截图如下,点击邮件中的链接完成激活。
![](https://img.haomeiwen.com/i6395583/a1b018c78a31e950.png)
根据页面引导完成注册,根据类型不同选择上传不同的证件类型。
2公众号添加
根据页面引导完成注册,后续是需要身份认证的,如果你已有公众号,可以在后台直接添加,可以直接读取你的公众号的信息,不需要重新认证身份信息,只需要一个新邮箱就可以了。
![](https://img.haomeiwen.com/i6395583/1bb7386adba736d8.png)
3账号注册好了之后,就可以下载开发工具开始hello word
https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html
![](https://img.haomeiwen.com/i6395583/765fe150bfa45567.png)
官网提供了非常详细的入门教程,https://developers.weixin.qq.com/miniprogram/dev/,借助这个文档step by step了解接口和控件。但有个绕不开的前提是,我们需要一个域名和一台服务器,小程序负责的是前端工作,真正完成数据交互,需要借助接口程序,且不支持IP或localhost格式的接口。对此,腾讯提供了一种名为微信云托管服务的模式,支持node和php。
我从github down到了头脑王者的代码 ( Github地址 https://github.com/wechat-wxapp/wechat-weapp-Game-TNFB ),最开始我想直接把服务端的nodejs直接部署到我的服务器,无奈对nodejs一点不通,尝试失败后还是决定按照原有模式托管腾讯云。
参考https://github.com/tencentyun/weapp-doc 小程序初始化配置说明,截图如下
![](https://img.haomeiwen.com/i6395583/ff30cad24181abce.png)
其中 腾讯云控制台链接为 https://console.qcloud.com/la
![](https://img.haomeiwen.com/i6395583/9c5910ef81c16c71.png)
如果你的腾讯云账号不是用公众授权的,会提示你去关联账号,按照引导扫码授权后,提示 该账号已被注册,该微信公众账号已经注册为腾讯云账号(昵称:XXX),不能完成关联。
![](https://img.haomeiwen.com/i6395583/948b110fbb443a42.png)
纠结很久,有点奇怪,我只有一个腾讯云账号,新注册的账号关联时却提示已被注册。查了很久,网友给了解决方案,就是退出这个腾讯云账号,回到登录页面,重新选择登录方式,指定微信公众号授权,这样进入后,会发现小程序已经和这个腾讯云账号关联好了。
![](https://img.haomeiwen.com/i6395583/3b137521a8f3169f.png)
![](https://img.haomeiwen.com/i6395583/d3ea723fef1ebe56.png)
登录小程序后台,发现开发者工具里面有腾讯云了(此处有坑,官方文档提示我们打开小程序后台里面的开发者工具就显示腾讯云了,没有注明前提是必须在腾讯云里面完成关联才可以。)
![](https://img.haomeiwen.com/i6395583/007bd4b20252893e.png)
我们回到刚才的界面,建议不要根据提示去初始化,而使用小程序开发者工具正面刚。
1先到小程序后台拿到appid
![](https://img.haomeiwen.com/i6395583/72142372edfb8f6b.png)
2.打开小程序开发工具,扫码登录,选择新建,输入appid,并选择腾讯云模式。
![](https://img.haomeiwen.com/i6395583/9562a12f6f04787f.png)
3项目创建完成,使用腾讯云上传测试代码。
![](https://img.haomeiwen.com/i6395583/bfbcf2b4f4a8ea42.png)
如果没有腾讯云菜单,请在菜单栏右击,选择自定义工具栏,勾选腾讯云就可以了。
![](https://img.haomeiwen.com/i6395583/04ee0422c58b7447.png)
4.上传完成后,打开详情,可以发现腾讯给我们分配了一个域名。
![](https://img.haomeiwen.com/i6395583/63ccf78e18051779.png)
5修改client配置,把在详情里面的域名复制过来
![](https://img.haomeiwen.com/i6395583/f9ab34eea0480e95.png)
修改sever配置
![](https://img.haomeiwen.com/i6395583/25e6709f3818465e.png)
这样系统就初始化话,系统提供的demo就可以运行了。
别忘了我们的头脑王者。好的继续。
1关闭刚才的项目,选择导入,文件目录选择我们再Github里面down到的文件。
![](https://img.haomeiwen.com/i6395583/0e4241127b70d229.png)
2修改配置 ,刚才demo里面提到的sever和client配置。
![](https://img.haomeiwen.com/i6395583/c79723988c8edfd5.png)
![](https://img.haomeiwen.com/i6395583/2a96d10ccdcfd1d0.png)
3.数据初始化,回到腾讯云的控制台https://console.cloud.tencent.com/lav2/dev,会发现界面已经不是引导了,刚才上传测试代码环境已经完成了腾讯云的配置,点击mysql数据库,登录phpmyadmin。数据库账户名是root,默认密码是你的appid
![](https://img.haomeiwen.com/i6395583/0149f090c2b38208.png)
点击左侧的CAuth库,清空原有数据表,刚才的demo也是用的这个库,表结构跟我们的头脑王者不一样,所以建议清除,或者你新建数据库。
![](https://img.haomeiwen.com/i6395583/7c38f38c72a27924.png)
打开本机的项目目录,找到tools下面的sql文件,压缩成zip文件,之后到控制台上传,点击页面下面的执行,完成初始化数据导入。
![](https://img.haomeiwen.com/i6395583/e859fe6ce7bb4fe7.png)
![](https://img.haomeiwen.com/i6395583/69db953551015f59.png)
4.回到小程序开发工具,点击调试,可以选择在手机预览。
![](https://img.haomeiwen.com/i6395583/5c83dafa2ef31bad.png)
手机上可能会有问题,
![](https://img.haomeiwen.com/i6395583/9ca07b4a7e24568c.png)
原因是这个域名是腾讯爸爸给的,并不能经过认证,建议在详情里面勾选跳过,如果还是不行,可以在小程序头部点击菜单,选择打开调试。
![](https://img.haomeiwen.com/i6395583/54766e14b8070df0.png)
![](https://img.haomeiwen.com/i6395583/697681edd1b8d083.png)
然后我们的头脑王者就成了,只是现在系统只有一个用户,这个时候你可以上传体验版本,到小程序管理后台,去给基友们授权,一起来耍了。
![](https://img.haomeiwen.com/i6395583/48823145ccefd655.png)
如果要正式发布,以上提到的腾讯云均只支持开发环境和体验环境,如果需要正式发布,需要购买云服务器,域名,同时代码经过官方审核。
以上。就酱。