手把手教你一站式封装打包上线微信小程序教程

前天开始着手第二款小程序开发，基于xiaofeiseo.com这个站点，现在来说说这个小程序的前期打包及安装上线等基本过程：

一、前期准备：

域名+服务器+小程序源码包+小程序帐号，清单如下：

1. 服务器及环境
   建议使用linux服务器+centos+nginx1.15+MySQL5.6+php7.3
   注意：不支持php5.5及以下版本，wordpress版本不能低于4.9【古藤堡兼容有问题，可以安装经典编辑器】

2. 小程序账号
   请提前注册好小程序账号

域名准备：

1. 备案域名

2. 小程序只支持备案域名接入

wordpress： 链接
小程序： 链接
开发工具：  链接

安装教程分为3块：购买服务器及worppress安装配置；注册小程序；小程序前端修改及测试上线，每一块我会分具体步骤来介绍，不会的直接按教程操作。

二、安装wp及服务器配置教程

链接

5.浏览器输入 开始安装

如图数据库名 用户名 密码点击复制

7.输入数据库信息，并将表前缀改成其他的两个字母，点击提交
8.设置站点信息进入安装界面

9.登录wp后台地址，一般是https://你的域名/wp-admin

三、注册小程序及修改配置

3.1小程序注册

3.1.1 appid和秘钥获取：登录小程序后台查找

3.1.2 开发域名设置

• request合法域名 ：
  -你的网站域名

• socket合法域名 ：
  -你的网站域名

• uploadFile合法域名：
  -你的网站域名
  -cdn域名【如果有就填，没有就不用填】

• downloadfile域名：
  -你的网站域名
  -cdn域名【如果有就填，没有就不用填】
  -wx.qlogo.cn【必填】
  -thirdwx.qlogo.cn【必填】

图中：
xiaofeiseo.com是网站域名
thirdwx.qlogo.cn 头像域名
wx.qlogo.cn 头像域名

3.2 安装小程序及导入项目

3.2.1 安装小程序开发工具 链接 
3.2.2 使用小程序管理员或有开发权限的微信号扫码登录

3.2.3 点击小程序项目，点击+号后填写相关内容，小程序appid改成自己的

3.2.4 小程序管理后台设置授权域名并添加插件

3.2.5小程序开发者工具查看详情——域名信息——刷新出现你刚才设置的域名即为正确，清楚缓存并刷新

3.2.7 修改完成点击编译 即可看到效果 ，需要项目包的可以在此贴留言回复 项目包 即可。

3.2.8 小程序前端修改具体文件

var PAGECOUNT='10';

var REPLAYTEMPPLATEID = 'IiAVoBWP34u1uwt801rI_Crgen7Xl2lvAGP67ofJLo8'回复模板信息ID

xiaofeiseo.com’ }];