微信小程序开发系列——3. 腾讯云服务器配置

Posted 童凌

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了微信小程序开发系列——3. 腾讯云服务器配置相关的知识,希望对你有一定的参考价值。

摘要:本文说明了在腾讯云服务器上通过“微信小程序专用解决方案”搭建、部署后端服务器及基础服务的过程。

了解了基本的开发工具以后,我们开始配置服务器相关的信息,要完成后端服务器的配置,整体流程是这样的:

腾讯云针对上述痛点,为开发者们提供了一个微信小程序的云端脚手架,称为“微信小程序专用解决方案”,通过对云端代码的简单修改,就可以实现自己复杂的线上业务逻辑。

一句话来说,你可以在半小时内直接搭建好后端所有的服务,只要去腾讯云官网购买他们家的“微信小程序专用解决方案”!

他们官方宣传的特点是这样的:

  • 微信小程序专用解决方案
    围绕微信小程序特性打造的一站式解决方案,是小程序的服务器推荐服务商,也是原生案例的提供者。

  • 一键购买配置模式
    购买后自动分配并初始化云端资源,一键完成域名注册、解析及 SSL 证书部署。

  • 专业支持安全可靠
    原生支持 HTTPS/WSS,配备 BGP 高防、域名智能解析及防劫持等多重安全防护体系,为小程序保驾护航。

  • 丰富的 DEMO 及 SDK 案例
    针对小程序特性,提供不同类型的 DEMO 及 SDK 案例,帮助用户高效完成小程序开发。

接下来我们开始利用他们的“专用服务”开始配置,在配置前请准备好

  1. 微信开发者账号一个,如果没有申请,登录微信官网申请。
  2. 确认微信客户端web开发工具已经安装好,如果没有安装,点这里
  3. 远程登录云服务器软件,如Xshell, Putty等。Xshell可以在官网下载并安装。

1. 创建服务

首先访问腾讯云-微信小程序资源页,创建服务

填写完信息,收到了开通的信息后,开始正式开通小程序。注意,如果没有AppID,需要首先点右边的“申请AppID”,去微信公众号页面注册并申请个人认证,然后才能得到微信小程序的开发者权限。

腾讯云为我们提供了多种可选的语言,选择一个我们自己最为熟悉的语言,这样我们可以对腾讯云提供的服务进行定制化的修改,这里我选择的是NodeJS。确认自己要创建的资源,扫码支付后,腾讯云会创建解决方案所需要的所有资源。

在选择好后,点击立即创建,然后进入等待创建的界面

我们可以看到,腾讯云为我们一键创建了多种云服务/比如负载均衡、业务云服务器、会话管理云服务器、云数据库等,还贴心的帮我们申请了一个免费的HTTPS证书,帮助我们来快速调试,免得我们没有SSL证书,免去申请证书的麻烦。

在等待大约10-20分钟后,我们就可以看到提示:

左侧的总览页面里,显示的就是腾讯云微信小程序解决方案为我们创建的所有云资源

2. 配置小程序

接下来,我们就可以开始进行微信小程序的配置了。

首先,我们要登陆微信小程序后台来修改域名配置

注意,小程序通信域名每个人是不一样的,自己的域名可以在配置指引中看到。

设置完成后,我们可以稍等几分钟重启微信开发者工具生效。

配置本地源码

接下来配置本地源码,安装微信小程序开发者工具,并下载官方Demo到本地。

在开发者工具中创建一个新的项目。AppID使用在微信公众号设置—开发设置中,可以看到已经申请并认证好的AppID,复制过来就可以。项目目录选择我们刚刚下载的源码的目录,然后点击添加项目,进入项目页面。注意:在这里必须填写AppID,否则后面连接服务器的请求无法完成。

打开开发者工具中的官方Demo后,在项目目录中可以看到根目录有app.js, app.json, config.js等很多文件,在这里找到config.js文件,它是我们本地的配置文件,双击并进行修改。

将其中

var host = '65169084.qcloud.la';

中的域名改为微信小程序解决方案资源视图中的“二级域名与证书“中的那个域名,注意,这个域名和你在微信公众号那个网站填的服务器配置是基本一样的。

修改完成后,保存,点击左侧的调试,进入调试界面,点击其中的预览,并扫码,就可以进入真机测试了!接下来,来看看我们的微信小程序做出的成品吧!

在这个官方Demo中,前端和后端通过配合实现了WebSocket长链接通信,使用账号登录、发送带会话的请求和WebSocket信道服务测试,如果都成功了,结果如图所示,如果在哪里失败了,可以参考腾讯官方提供的配置视频文件,重新配置一遍。

以上是关于微信小程序开发系列——3. 腾讯云服务器配置的主要内容,如果未能解决你的问题,请参考以下文章

微信小程序开发工具结合腾讯云开发自己第一个小程序——基于腾讯云开发者实验项目之一

微信小程序开发-----云开发

如何开通微信小程序开发环境和生产环境

微信小程序开发工具结合腾讯云开发AI人脸识别和身份证识别——基于腾讯云开发者实验项目

#私藏项目实操分享#微信小程序开发:集成腾讯地图的步骤

干货!腾讯云是如何助力小程序开发和搭建的?