个人wordpress博客对接微信小程序实操图文全记录

在站长已死的移动端时代,微信已经成为目前中国人必上的平台,这也是我必须将自己的个人wordpress博客对接微信小程序的原因,也是我的第一个微信小程序如图所示,以前从来没有接触过,也正因如此碰到了很多小白问题,现在全图文一步步将我实操过程全记录下来,我想对不懂技术的小白可能有点作用,高手可以飘过。

个人博客对接wordpress微信小程序实操图文全记录非技术小白可学

个人博客小程序效果图

个人博客wordpress微信小程序准备工作:

1,网站域名必须备案,没办法管的越来越严了;

2,全站开启https加密链接,必须的,这个也是没有选择的,好在现在有很多免费SSL证书申请,我昨天发的博文就有解决办法;

3,进微信公众号平台申请小程序;

4,下载最新版的微信开发者工具,下面有截图;

wordpress微信小程序插件比较:

现在已经有很多网友做好的现成的wordpress小程序插件,也有全代码的方式实现了wordpress对接微信小程序的解决方法,我自己还是第一次用小程序,这篇文章也是针对跟我一样还是小白阶段的不需要懂技术就可以将自己的个人博客打包成微信小程序的因此可以用现成的小程序插件

1,wp-rest-api-for-app插件,在wordpress系统自带的rest-api功能基础上稍微增强了点,不过界面还是丑不拉几的;

2,我爱水煮鱼的wordpress小程序插件:这款插件需要付费1000元,还需要另外安装WPJAM插件才能使用,我就放弃了,没办法,还太穷了;

3,守望轩博主的wordpress小程序插件REST API TO MiniProgram插件3.2版,微慕版wordpress小程序插件要付费,具体多少好像要联系博主谈价格;

4,另外一款WordPress版微信小程序API增强优化版WP-REST-API,我还没有测试过,实际效果我测试以后再分享;

我的个人wordpress博客微信小程序实操图文全记录:

第一步:申请微信小程序,我是个人身份申请,好像个人最多可以申请5个小程序,我以后准备经常玩微信小程序,因此要珍惜申请次数,具体步骤这里不详写要不然博文太长了!主要主要的是申请完要配置域名,必须是备案的https加密链接,没有SSL证书的可以看我昨天的博文,微信小程序域名配置如图一所示

个人博客对接wordpress微信小程序实操图文全记录非技术小白可学

微信小程序域名配置

第二步:下载开发微信小程序必须的微信开发者工具,扫码登录。如图二所示

个人博客对接wordpress微信小程序实操图文全记录非技术小白可学

微信开发者工具登录

这里就要有微信小程序AppID,项目目录就是wordpress小程序的前端文件,这个文件和wordpress微信小程序插件源代码在本博文最后面可以下载,这里要填AppID,最好是先申请个测试的微信AppID如图所示

个人博客对接wordpress微信小程序实操图文全记录非技术小白可学

微信小程序测试号申请

用这个测试号登录后,修改前端文件里的名称为自己的内容,然后再用自己正式的微信小程序AppID比较好。

重点步骤个人博客wordpress微信小程序生成:

载入博客wordpress微信小程序前端文件后[没有的可以在本博文末尾下载]就进入最重要的步骤将前端内容改成自己的,要改的地方特别少而且也备注了,不要被代码吓到了,就以我自己的个人wordpress博客为例,如图所示。

个人博客对接wordpress微信小程序实操图文全记录非技术小白可学

个人博客微信小程序生成图

所有需要修改的地方都备注了,基本上会打字就可以了,不要被代码吓到了。

个人博客wordpress微信小程序上传审核:

最后一步:修改完后配置自己的正式微信小程序AppID点上传就可以了,如图所示

个人博客对接wordpress微信小程序实操图文全记录非技术小白可学

个人博客小程序上传审核

我也是刚上传的,剩下的我就吃斋念佛了等腾讯审核,通过后我再给大家分享。

文:跨境平头哥

有福啦

评论 抢沙发

评论前必须登录!

 

小财铺 最专业的营销 网赚博客

关于小财铺小财铺合作