如何通过zblog程序搭建的网站与微信小程序对接并实现资讯信息同步?

由:张小六 发布于:2023-11-29 分类:编程开发 阅读:301 评论:0
腾讯云云产品广告 800x77
阿里云800x79
京东云800x79
流量卡广告位1300x70

   大家好,我是张小六,一位普普通通的自媒体创业爱好者,曾几何时小编也和大家一样幻想过仗剑闯天涯,后来因为每天忙着码字给忘了。哈哈!开了个小玩笑。言归正传,今天给大家分享zblog程序搭建的网站与微信小程序对接,过程比较繁琐,需要耐心读完哦!下面需要先准备好的工具。


 老话说得好,磨刀不误砍柴工,提前准备好必要的工具素材等将事半功倍。那么首先你得提前注册好微信小程序账号。

如何通过zblog程序搭建的网站与微信小程序对接并实现资讯信息同步?-张小六博客网

如何通过zblog程序搭建的网站与微信小程序对接并实现资讯信息同步?-张小六博客网

注册完成后。下载安装微信开发者工具,如下图所示。

如何通过zblog程序搭建的网站与微信小程序对接并实现资讯信息同步?-张小六博客网

微信开发者工具安装完成后,在zblog程序的应用中心里搜索微信小程序,点击获取应用即可安装插件。如下图所示。

如何通过zblog程序搭建的网站与微信小程序对接并实现资讯信息同步?-张小六博客网


如何通过zblog程序搭建的网站与微信小程序对接并实现资讯信息同步?-张小六博客网

   如下图所示,大家看看一下图示,功能蛮全面的!重要的是可以开流量主啊!既然微信小程序插件已经安装完成,那么接下来就是对接微信小程序插件。

如何通过zblog程序搭建的网站与微信小程序对接并实现资讯信息同步?-张小六博客网

如何通过zblog程序搭建的网站与微信小程序对接并实现资讯信息同步?-张小六博客网

如何通过zblog程序搭建的网站与微信小程序对接并实现资讯信息同步?-张小六博客网

   如下图所示,点击下载链接下方的立即下载即可下载前端代码包。虽然这款插件目前为免费版,但功能很强大,所以建议大家不妨打赏这位插件的开发者。如果手头宽裕且对这款插件很看重并决心要认真从事自媒体的话您可以这么做。

如何通过zblog程序搭建的网站与微信小程序对接并实现资讯信息同步?-张小六博客网

   下载小程序前端代码包后,现在登陆你刚才注册好的微信小程序账号,找到开发/开发管理,然后按照如下图所示配置你的网站相关信息到小程序后台里。

如何通过zblog程序搭建的网站与微信小程序对接并实现资讯信息同步?-张小六博客网

下面两张图里红框区域需要填写你服务器IP地址。

如何通过zblog程序搭建的网站与微信小程序对接并实现资讯信息同步?-张小六博客网

如何通过zblog程序搭建的网站与微信小程序对接并实现资讯信息同步?-张小六博客网

下面这张图所示的打码区域需要填写你的网址,注意有的是https://  有的是wss://  有的是udp:// 有的是tcp:// DNS解析只需要填写域名即可,其中域名最多只能填写5个。

如何通过zblog程序搭建的网站与微信小程序对接并实现资讯信息同步?-张小六博客网

   配置完毕后打开刚才安装好的微信开发者工具,打开微信扫码即可打开微信开发者后台,点击导入刚才下载好的前端代码包到开发者工具项目里,然后复制 开发/开发管理/开发设置/开发者ID到开发者工具的配置里,切记,不要选择微信云开发,因为你已经使用了zblog程序作为后端承接内容发布以及存储。所以只能选择不使用云服务。如下图所示,填写好以后点击右下方的确定按钮。

如何通过zblog程序搭建的网站与微信小程序对接并实现资讯信息同步?-张小六博客网

首次运行代码包会弹出您是否信任此项目的作者吗?点击信任并运行。(原开发者提供的对接教程在这里误导了,当时我找了几分钟才发现,可能原作者在编辑文章时疏忽大意了吧!如下图所示,原作者说在46行,实际我在81行找到并填写了appid,保存!)

如何通过zblog程序搭建的网站与微信小程序对接并实现资讯信息同步?-张小六博客网

修改utils/api.js文件的第9行,修改域名为您的网址,https://+你的域名/  保存!

如何通过zblog程序搭建的网站与微信小程序对接并实现资讯信息同步?-张小六博客网

   接下来就是配置zblog后台里的插件相关。微信小程序配置需要打开微信小程序后台找到开发/开发者管理/开发设置/开发者ID,AppSecret(小程序密钥)需要重置一次然后复制粘贴到如下图所示的界面里。其他配置需要结合你轮播图、文章ID、分类ID自行配置。

如何通过zblog程序搭建的网站与微信小程序对接并实现资讯信息同步?-张小六博客网

   然后点击提交。自行配置好以后,然后切换到微信开发者工具点击编译。编译完成后上传代码到微信小程序官方后台。找到管理/版本管理找到开发版本点击提交审核(务必网站有内容且填充了很多内容,同时小程序也已经修改完毕后再点击审核)。审核通过还无法发布,因为现在应管局要求,网站/应用/小程序如果对外开放需要备案。

如何通过zblog程序搭建的网站与微信小程序对接并实现资讯信息同步?-张小六博客网

   友情提醒:小程序名称务必和自己博客内容相匹配,头像也要息息相关,如果你网站已备案,那么你备案小小程序会很快。

如何通过zblog程序搭建的网站与微信小程序对接并实现资讯信息同步?-张小六博客网

  提交备案会由腾讯初审,腾讯官方审核通过后提交给管局审核,管局会分两次审核,第一次审核通过后会发送短信给你核验,收到短信后打开浏览器输入核验链接beian.miit.gov.cn务必注意查收,如下图所示。

如何通过zblog程序搭建的网站与微信小程序对接并实现资讯信息同步?-张小六博客网

如何通过zblog程序搭建的网站与微信小程序对接并实现资讯信息同步?-张小六博客网

   如下图所示,第一个框输入你接收到的短信核验验证码,第二个框输入你接收核验码的手机号,第三个输入你身份证后6位。仔细填写,填写完毕后点击提交。接下来就是终审了。审核通过后会给你发短信以及公众平台安全助手也会给你发信息。至此本篇教程讲解完毕。觉得本篇教程对你有帮助的话请在下方评论区留言哦!

如何通过zblog程序搭建的网站与微信小程序对接并实现资讯信息同步?-张小六博客网


腾讯云图广告位 800x77
腾讯音视频直播 800x77
腾讯即时通信IM 800x77

评论

精彩评论