前天开始着手第二款小程序开发,基于xiaofeiseo.com这个站点,现在来说说这个小程序的前期打包及安装上线等基本过程:
一、前期准备:
域名+服务器+小程序源码包+小程序帐号,清单如下:
-
服务器及环境
建议使用linux服务器+centos+nginx1.15+MySQL5.6+php7.3
注意:不支持php5.5及以下版本,wordpress版本不能低于4.9【古藤堡兼容有问题,可以安装经典编辑器】 -
小程序账号
请提前注册好小程序账号
域名准备:
-
备案域名
-
小程序只支持备案域名接入
安装教程分为3块:购买服务器及worppress安装配置;注册小程序;小程序前端修改及测试上线,每一块我会分具体步骤来介绍,不会的直接按教程操作。
二、安装wp及服务器配置教程
5.浏览器输入 开始安装
如图数据库名 用户名 密码点击复制
7.输入数据库信息,并将表前缀改成其他的两个字母,点击提交
8.设置站点信息进入安装界面
9.登录wp后台地址,一般是
三、注册小程序及修改配置
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 小程序前端修改具体文件
2.小程序的名字
var PAGECOUNT='10';
4.模板消息
var REPLAYTEMPPLATEID = 'IiAVoBWP34u1uwt801rI_Crgen7Xl2lvAGP67ofJLo8'回复模板信息ID
5.个人赞赏码
xiaofeiseo.com’ }];
8.首页图标导航
-
跳转另一个小程序
url: ‘目标小程序的页面路径 可以不写’,
redirecttype: ‘miniapp’,
appid: ‘目标小程序的appid’, -
跳转到某个分类目录
url: ‘/pages/list/list?categoryID=46’, 46改为对应的分类目录id
redirecttype: ‘apppage’,
appid: ‘ ‘, -
跳转到文章详情页url: ‘/pages/list/list?categoryID=46’, 46改为对应的分类目录id
url: ‘/pages/detail/detail?id=46’, 46改为对应的文章id
redirecttype: ‘apppage’,
appid: ‘ ‘, -
跳转到webview页面
url: ‘/pages/webpage/webpage?url=链接 ‘, 此处的域名必须为https且已设置小程序的业务域名
redirecttype: ‘apppage’,
appid: ‘ ‘,
3.3 提交审核及技巧
尽量不要用社区、论坛、朋友圈、圈子等词
-
提交审核的时候,描述不要提及发帖和圈子等,尽量少写
注意:类目要选择小程序内容相关的,不要写太多关键词,不要涉及社交、论坛、交互、支付及新闻等内容。
以上就是教你如何不懂代码的人也可以做一个属于你的小程序!
隐藏内容需要回复可以看见
需要项目包的请在此帖子回复“项目包”即可取得!
翰林大学士
项目包
我就是青年才俊呀!
翰林大学士
项目包
翰林大学士
别人看见的只有你的光鲜亮丽,他们永远不知道你失去了什么。