阿里云服务器ECS部署【支付宝小程序】图文教程，新手0基础一键安装

阿里云服务器ECS部署【支付宝小程序】图文教程，新手0基础一键安装，使用阿里云服务器ECS和RDS云数据库的按量付费模式，费用价格是1.04元/小时，本案例还涉及域名和SSL证书，SSL证书可以申请阿里云的免费证书，域名在阿里云购买的话几十元一年，但是域名必须备案。

方案架构

方案提供的默认设置完成部署后在阿里云上搭建的网站运行环境如下图所示。实际部署时您可以根据资源规划修改部分设置，但最终形成的运行环境与下图相似。说明：当前部署架构为单机部署，主要用于解决方案场景演示，存在单点故障问题，如果存在高可用性要求，可以在多可用区进行分布式部署。

本方案的技术架构包括以下基础设施和云服务：

• 域名：一个已经完成备案的域名。
  
• 数字证书管理服务：一个 SSL 证书用于实现 HTTPS 加密通信。
  
• 云解析 DNS：将用户访问网站的域名请求解析到云服务器。
  
• 专有网络 VPC：一个专有网络，构建云上私有网络。
  
• 云服务器 ECS：一台云服务器用于部署博客网站服务。
  
• 云数据库 RDS：一个云数据库 RDS MySQL 实例，为博客网站提供数据服务。

准备账号

如果您还没有阿里云账号，请先注册账号：www.aliyun.com  点击右上角的【立即注册】，可以使用手机号验证码注册，注册完成后你的账号需要完成实名认证才可以正常使用。本方案使用的云服务器是按量付费计费模式的，所以需要你的账号至少有100元，需要为账号先充值。

通过Terrafrom模板快速部署

通过 Terraform 模板，您可以实现阿里云资源的自动部署。模板以代码形式描述基础设施及其架构，能够自动完成云上资源的创建与配置，显著提升部署效率。本方案提供的 Terraform 模板将自动创建并配置以下资源：

• 一个专有网络VPC，构建云上私有网络。
  
• 一台交换机VSwitch，提供基本的网络分段和隔离功能。
  
• 一台云服务器ECS，搭建了一个基于WordPress的博客网站，开启了REST API以便与客户端进行数据交互，并安装了 JWT 插件用于身份验证和鉴权。
  
• 一个云数据库RDS MySQL实例，为博客网站提供数据服务。
  

操作步骤

说明

如果您希望在已有的 Terraform 环境中部署方案，可先下载Terraform 模板文件，然后通过 Terraform 命令手动完成部署。

1. 打开部署链接前往阿里云控制台，系统自动打开使用新资源创建资源栈的面板。
   
2. 在顶部菜单栏选择华东1（杭州）地域。您也可以根据实际需求选择其他地域。
   
3. 在配置参数页面完成以下配置后，单击下一步：检查并确认。

1. 
   
2. 在资源配置预览页面，确认模板参数以及费用之后，单击创建。
   
3. 当资源栈信息页面的状态显示为创建成功时表示一键配置完成。
   
4. 在资源栈管理页面，单击输出页签，复制并记录输出关键字为web_url 所对应的值，其为示例业务系统访问地址。

小程序开发

1. 小程序开发准备。

1. 进入支付宝开放平台，单击注册，根据指引填写信息，完成账号注册。
   说明
   如果您已经有支付宝账号，点击登录 ，使用支付宝账号登录开放平台。
   
2. 在支付宝开放平台创建小程序，具体创建详情请参见创建小程序。
   
3. 在迭代列表页面迭代管理区域，点击新建迭代，按以下配置创建迭代。

1. 
   
2. 进入支付宝小程序开发者工具页面，下载最新稳定版进行安装。
   

1. 创建个人博客支付宝小程序项目并进行本地调试。

1. 在前端代码仓库页面，单击下载Zip或者通过Git下载代码至本地。
   
2. 打开开发者工具，单击菜单栏中文件 > 打开项目，选择上一步下载的小程序项目代码所在的根路径，单击打开。
   
3. 找到小程序项目配置文件config.ts，将常量BLOG_HOST、ADMIN_ACCOUNT和ADMIN_PASSWORD的值分别替换为http://<ECS 公网 IP>，WordPress 管控后台登录账号和密码。
   说明
   建议使用应用程序密码（Application Passwords），应用程序密码用于为第三方应用和服务提供一种安全且便捷的方式来进行身份验证，可以在不影响主账户安全的情况下重置或撤销单个应用的访问权限，这有效地提高了安全性，同时便于应用的集成和管理。
   
4. 安装项目所需依赖：

1. 下载并安装NodeJS。
   
2. 在开发者工具左侧导航栏单击Npm依赖管理图标 进入依赖管理页面，单击依赖管理面板右上角图标 安装全部依赖。
   

5. 调整项目配置，允许忽略对域名以及域名证书合法性校验。
   在开发者工具右上角单击详情图标 进入项目详情配置页面，在域名信息区域勾选忽略HTTP请求域名合法性检查、忽略web-view域名合法性检查和忽略HTTPS域名证书检查三个配置项。
   
   
6. 在工具栏中选择上一步所创建的小程序后，单击真机调试图标 ，会对整体项目进行编译并构建生成一个二维码，使用支付宝APP扫描二维码之后即可测试小程序。
   

发布上线（可选）

说明

如果您仅想体验方案，无需申请域名和备案，可以跳过此步骤。

当完成小程序开发并且测试通过之后，开始对小程序进行发布。小程序发布的前提条件包括：

• 不能使用IP地址，需要使用独立域名，且域名必须经过 ICP 备案。
  
• 域名只支持 HTTPS 和 WSS 协议。

方案验证

1. 通过小程序开发工具模拟器，验证博客列表以及博客内容是否可以正常查阅。

1. 
   
2. 当您完成 JWT 插件安装（一键部署默认已安装）之后，可以在小程序端实现内容创作。在模拟器底部菜单切换至我的，单击游客图标，在登录页面点击注册用户，通过页面引导完成新用户注册并登录，在底部菜单我的点击立即创作，在内容编辑器中创作并发布。