wordpress接入小程序,开发小程序端

生活记忆单元
预计阅读时长 6 分钟
位置: 首页 微信小程序 正文

最近给自己的一个wordpress站接入了小程序端,在微信小程序上也可以访问网站了,体验还不错,毕竟现在你开发个APP未必有人下载,

而小程序不占空间用的人可能就会多一点。 下面将步骤分享给大家,大家跟着来还是很简单的。

一、首先申请一个小程序的号,微信公众号平台申请就可以了:点此进入申请小程序需要申请个人号,当然你是企业号申请企业号也可以,

但我是个人号,所以下边所有的都是根据个人号进行申请调试。

二、接着设置wordpress网站端

1、首先网站要备案并且开始了https才可以,切记。

 2、在你的wordpress站安装插件:REST API TO MiniProgram,

下载地址:wp插件安装页面直接搜索就行了; 

 3、在插件里面填写小程序的APPID和秘钥:

wordpress接入小程序,开发小程序端

ID和秘钥在微信公众号平台小程序——开发设置里面进行查找生成:

wordpress接入小程序,开发小程序端

三、设置小程序以及上传小程序

1、下载小程序源码:使用的是守望轩免费提供的小程序源码,源码在GitHub上:https://github.com/iamxjb/winxin-app-watch-life.net 进去后下载即可。 

2、编辑必要的部分:下载后再源码中找到utils——config.js文件,打开并且编辑我用红线划掉的部分:wordpress接入小程序,开发小程序端

3、下载小程序上传编辑的软件,这个是微信官方提供的,地址:http://developers.weixin.qq.com/miniprogram/dev/devtools/download.html 下载并且安装 4、点击小程序,并点击+号添加一个小程序:wordpress接入小程序,开发小程序端

选择导入小程序,选择下载好并且修改过的源码文件夹:

wordpress接入小程序,开发小程序端

APPID和上边那个开发者ID一致。 5、然后就会进入调试状态,调试完毕,没有毛病就可以直接上传:

wordpress接入小程序,开发小程序端

针对这个源码,唯一的毛病可能就是名字里面显示的是守望轩,571免费资源小编找了半天,发现在根目录的app.json里面,将守望轩改成你自己的名字即可。

 还有就是小程序中间那些专业版之类的图标,点击会跳转到他们的小程序里面,你可以根据提示去修改一下,让他们跳转到你想跳转的地方,

比如 我是将这些图标跳转到文章分类里面去,

代码如下: { id: '1', name: '手机', image: '../../images/uploads/minapper.png', url: '../list/list?categoryID=5', redirecttype: 'apppage', appid: '', extraData: '' }, 

 那个ID=5中的5就是你网站分类ID。 修改还是在config.js这个文件。 

 6、上传完毕,在微信公众号平台,小程序首页——版本管理里面,将源码提交审核,审核通过后,再发布即可。 

 7、最后获取自己的小程序码,就可以推广了。 

 获取方法:微信公众号平台,小程序首页——设置选项里面就能看到。 感谢守望轩给出的源码和插件:http://watch-life.net/wordpress/weixin-app-install.html

571免费资源文章欢迎转载,但请注明出处链接:https://www.571free.com/2502.html,谢谢合作。

文章版权声明:除非特别注明,否则均为生活记忆单元原创文章,转载或复制请以超链接形式并注明出处。
文章地址: https://www.lifemu.cn/post/485.html
-- 展开阅读全文 --
头像
完成“救市”任务 四大央行官宣将停止84天期美元流动性互换操作
« 上一篇 2021-05-06
Wordpress对接小程序配置过程
下一篇 » 2021-05-06
取消
微信二维码
支付宝二维码

发表评论

暂无评论,297人围观

站长推荐

1
2
3

管理员简介

标签列表

目录[+]