云端问道高校学生班3期-实操部署讲解
内容介绍
1. 部署准备和账号准备
2. 一键部署和操作步骤
3. 小程序开发
4. 发布上线
5. 清理资源
01. 部署准备和账号准备
大家好,本篇发展的主题是10分钟搭建微信小程序,今天为大家演示一下部署流程,点击在线部署。
这个是方案架构图,其中包含的云产品有云服务器、ECS云数据库、RDS、数字证书管理服务、云解析DNS、专用网络VPC以及域名服务。通过云服务器ECS和云数据库RDS快速部署博客网站服务,再利用语音解析,将域名请求解析至ECS所部署的网站服务。SSL证书部署至ECS服务器来实现以https协议与网站服务进行数据加密通信,最后在微信开发者工具中,通过网站暴露的服务进行用户界面开发,来实现微信小程序中博客网站的快速搭建。
部署的前提是注册阿里云账号,并进行实名认证。
02. 一键部署和操作步骤
打开一键部署模板链接,创建资源站,第一、地域以华东一杭州为准,资源站的名称可以根据自己的需求进行修改或命名,专用网络网段以及交换机子网网段就以默认的为准。可用区选择可用区B,ECS配置选择2vCPU和4G,选择实例,创建服务器密码,RDS选择2vCPU和4G,数据库名称就是word press默认的,包括账号也是以默认为主来创建RDS的密码,word press的用户名和域名以默认为主来设置密码。用户邮箱也可以以默认的为主,或者自己进行设置。点击下一步检查并确认,确认没有问题,便点击创建。需要等待5分钟左右的时间。
资源站创建成功了便点击资源一档,在这里就能查看到模板所创建的所有的资源信息ID。
03. 小程序开发
3.1小程序开发准备
现在我们需要登录微信公众平台账号来获取小程序的APP ID,首先进入小程序页面,如果说没有注册的账号,
就需要根据这个页面的信息进行账号注册。如果说已有账号,点击立即登录,随后进行扫码登录,登录成功之后,
我们即可点击左侧的开发管理,这个就是APP ID,后续我们操作中要使用到的。第二步需要下载微信开发者工具,点击链接下载对应的安装包进行安装即可。
与此同时需要安装Git,如果说没有安装的话,可以根据我们提供的下载地址进行安装。
3.2创建个人博客小程序项目并进行本地测试
同时也是需要进行个人访问令牌的一个创建,根据这个页面对新建个人访问令牌即可。现在打开Git来下载一下前端项目代码,这个是提示我们已经对此路径进行了下载。如果说没有下载过的话,根据这个操作进行下载即可。
现在打开微信开发者工具,需要进行登录,登录成功之后进行导入项目,路径这一栏选择文件夹,其中要选择的APP ID就是我们刚刚记录的APP ID,其他保持默认,勾选我已阅读,并点击创建。
接下来我们进行配置config的文件夹,在从需要输入ECS的一个公用 IP 地址,我们可以在资源站里面查看,ECS ID点击进入。这个是官网 IP 地址。
这个是word press的一个用户名admin,然后配置为admin的一个账号密码。配置完成之后,点击保存,再进行真机调试,可以根据自己的手机系统进行选择,然后用手机扫码进行调试。这个就是我们创建的一个个人博客小程序。在这个小程序中可以查看到我们创建的项目信息。
04. 发布上线
如果我们的小程序需要进行发布上线的话,就需要进行域名的申请和备案,以及对域名进行解析和配置SSL证书的。具体的操作流程可以参考我们解决方案的一个部署文档。这个就是相关的一个部署文档信息,发布上线之后,
我们可以在小程序端实现内容创作,在底部的模拟器切换至我的菜单栏,然后单击游客图标在这里可以进行用户的一个注册,通过页面引导完成新用户的注册,并进行登录,然后再点击立即创作即可对内容进行创作。
05. 清理资源
如果在方案部署完成之后不再使用,我们可以通过控制台删除资源站,避免产生额外的费用。点击资源站,在此找到对应的一个资源站信息点击删除。删除方式选择释放资源,点击确定,这样便删除完成了,今天的一个方案部署演示完毕。
接下来我们进行真机调试,我们首先进入真机调试的界面,在此可以看到创建的项目内容。如果我们的小程序需要发布上线,就需要进行域名的申请和备案以及域名解析和SSL证书的配置。具体的操作流程可以参考我们解决方案里的部署文档。发布上线之后,我们可以在小程序端实现内容创作。在底部的模拟器切换至我的菜单栏,然后单机游客图标再登录页面,点击注册用户通过页面引导完成新用户注册,并登录在底部菜单。我的点击立即创作在内容编辑器中创作并发布即可。