SSブログ

wordpress接入小程序,开发小程序端,所用插件程序分享 [源码]

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

下面将步骤分享给大家,大家跟着来还是很简单的。

一、首先申请一个小程序的号,微信公众号平台申请就可以了:点此进入

申请小程序需要申请个人号,当然你是企业号申请企业号也可以,但我是个人号,所以下边所有的都是根据个人号进行申请调试。

二、接着设置wordpress网站端

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

2、在你的wordpress站安装插件:REST API TO MiniProgram,下载地址:wp插件安装页面直接搜索就行了;

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

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

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

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

进去后下载即可。

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

3、下载小程序上传编辑的软件,这个是微信官方提供的,地址:http://developers.weixin.qq.com/miniprogram/dev/devtools/download.html 下载并且安装

4、点击小程序,并点击+号添加一个小程序:

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

APPID和上边那个开发者ID一致。

5、然后就会进入调试状态,调试完毕,没有毛病就可以直接上传:

针对这个源码,唯一的毛病可能就是名字里面显示的是守望轩,免费资源365小编找了半天,发现在根目录的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


nice!(0)  コメント(0) 

nice! 0

コメント 0

コメントを書く

お名前:
URL:
コメント:
画像認証:
下の画像に表示されている文字を入力してください。

この広告は前回の更新から一定期間経過したブログに表示されています。更新すると自動で解除されます。