微信小程序搭建方法

发布于 12 天前  15 次阅读


本小程序是基于WordPress搭建原程序是“微慕小程序”该小程序官网 https://www.minapper.com/
由老奶狗再原程序上稍微修改,删除了一些无用的功能 并标注详细的使用方法

第一步

打开mp.weixin.qq.com注册一个微信小程序
设置小程序名字,信息等。

设置服务器域名为你的域名

保存你的Appid并生成AppSecret,下载 微信开发者工具.

第二步

在你的WordPress网站内安装“rest-api-to-miniprogram”插件
配置你自己的AppID和AppSecret

第三步

打开微信开发工具,导入小程序文件,输入你自己的AppID,并打开项目
找到utils/config.js
第16行 var DOMAIN = "www.owoc.cn"; 把 www.owoc.cn 更改为自己的域名
第17行 var WEBSITENAME="老奶狗"; 把 老奶狗 改为你网站的名字
第19行 var ZANIMAGEURL = 'https://www.owoc.cn/p/zhifu.png'; 改为你自己收款码/赞赏码

首页图标导航

参数说明:
name为名称,image为图标路径,url为跳转的页面,redirecttype为跳转的类型,
apppage为本小程序的页面,miniapp为其他微信小程序,webpage为web-view的页面(个人小程序无法使用web-view功能)
redirecttype 是 miniapp 就是跳转其他小程序 url 为其他小程序的页面
redirecttype 为 apppage 就是跳转本小程序的页面,url为本小程序的页面路径
redirecttype 为 webpage 是跳转网址,是通过web-view打开网址,url就是你要打开的网址,不过这个网址的域名要是业务域名
appid'当redirecttype为miniapp时,这个值为其他微信小程序的appid,如果redirecttype为apppage,webpage时,这个值设置为空。
extraData当redirecttype为miniapp时,这个值为提交到其他微信小程序的参数,如果redirecttype为apppage,webpage时,这个值设置为空。
详细内容 请看文件内绿色小字

接下来是配置首页名称

找到wxParse/app.json

第22行 "navigationBarTitleText": "老奶狗博客", 修改为你小程序的名字

如果想增加底部栏

{
"pagePath": "pages/readlog/readlog", 文件地址
"iconPath": "images/tab-my.png", 点击前显示的图片
"selectedIconPath": "images/tab-my-on.png", 点击后显示的图片
"text": "个人中心" 底部栏名字
}

在文件夹 images 里修改你想要的图片 阿里云矢量图 https://www.iconfont.cn/ 里面很多矢量图可以自己修改

文字logo可以自己百度搜一个生成器就可以 logo700.png建议分辨率为700*350 logo-icon.png 建议分辨率是88*88 website-search.png分辨率推荐700*350

其他的自己看着改吧

改完后提交审核就可以

服务类目

工具 > 信息查询
工具 > 效率
工具 > 图片
工具 > 计算类
工具 > 办公

服务标签

工具 > 文档笔记

介绍不要出现 资讯 字眼,会不给通过


你猜猜就知道了,慢慢了解