当前位置:首页 > 资讯杂谈 > 正文内容

把Zblog程序网站搭建成微信小程序【附带详细教程】

单车少年2年前 (2022-03-27)资讯杂谈2934

最近有朋友问我网站的小程序是怎么搭建的,觉得我很厉害,其实都是现成的程序,有手就会的,有一个微信小程序分享也比较方便,你发网址别人还不敢访问,小程序加载速度快,打开方便。所以就想这么写一个图文教程。

教你如何使用zblog微信小程序插件搭建属于自己小程序,不需要懂代码,只要会懂得基本操作看着步骤流程来基本都会。搭建前需要有一个使用Zblog程序搭建的网站,zblog微信小程序是基于zblog后端进行搭建的小程序,依赖zblog微信小程序插件,使用前请在应用商店下载安装zblog微信小程序插件。

01
注册微信小程序账号

首先我们要到微信公众平台注册一个小程序账号,注册完毕后添加自己的微信账号为管理员,之后就可以扫码登录,后续需要用这个账号登录微信开发者工具上传代码。

image.png

注册完毕后登录到后台,还需要到开发管理把自己网站的域名添加进去才能够正常使用。

image.png

02
安装插件

打开网站后台的应用中心安装zblog微信小程序插件,插件管理找到该插件启用,接着我们下载小程序前段代码,点我下载,下载到电脑本地。

image.png

接着打开插件,填写Appid与AppSecret;

image.png

Appid与AppSecret在微信小程序后台,开发管理-开发设置就可以查看的到

image.png

还需要在网站设置打开API协议,注意:ZBlog程序的版本需要为1.7.2以上

image.png

03
编译代码


然后我们下载微信开发者工具,需要用到这个软件编译代码,点我进入官网下载,下载后安装使用微信扫码登录。


打开软件,选择导入

image.png

导入后这个AppID记得要替换成自己的

image.png

Appid在微信小程序后台的设置里面可以看到。

image.png


找到project.config.json文件的第46行appid,修改为你的appid;如果已经是了,忽略即可

image.png

找到utils/api.js文件的第9行,修改域名为您的域名

image.png

接着先--清除缓存--全部清除--再点编译即可

image.png

编译完成后如果成功显示你网站的内容说明配置成功了image.png

接下来我们只要上传代码即可。

image.png

我们再打开小程序后台,点开版本管理,可以看到刚刚我们上传的小程序,点击提交审核即可。

image.png



注意:为了提交审核通过率,建议提交审核的时候先把网站的评论关闭,有些审核员看到个人的小程序带评论功能会拒绝。


怎么样你学会了吗


搭建好的小程序预览图

微信图片_20220327121328.jpg


以下说明引入插件作者的话

其他说明:

Q:为什么上线后图片文章不显示?

A:需要在微信开发者平台,开发管理--开发设置里,配置服务器域名,都填写您的域名;

Q:为什么绑定或者扫码没有二维码?

A:需要先将小程序上线,就是上传代码,然后审核,审核通过后,发布,到此后再测试扫码绑定;

Q:怎么关闭评论?

A:网站后台--评论设置--关闭评论;

Q:如何实现扫码登陆?

A:需要先在用户管理,在对应账号点击编辑,然后点击绑定账号,扫码绑定即可;

Q:怎么开启文章激励阅读?

A:如果在插件开启激励视频,则所有文章都开启激励阅读,关闭后,可在指定文章编辑页面,开启激励阅读,若文章编辑页面没有激励阅读开关,请先添加激励视频广告代码。

Q:怎么实现订阅更新?

A:先在微信开发者平台申请,订阅消息-公共模板库,搜索资讯更新提醒,然后选择新闻类型、新闻标题、新闻摘要即可,然后在我的模板里面,复制模板ID填写到插件;

Q:怎么调用主题的图片封面?

A:需要获取文章封面的字段,就是Meta.xxx,一般主题作者都知道,例如拓源主题是proimg,填写到插件里面即可;

Q:如何让文章支持复制功能?

A:修改pages/post/post.wxml文件,第19行修改为<mp-html selectable="force" content="{{content}}"/>即可。

大家可以扫码看看我搭建好的


有疑问可以在下方留言或者联系作者QQ:327043962

打赏
收藏
点赞

「 欢迎使用微信小程序访问该文章 」


扫描二维码推送至手机访问。

版权声明:本文由小杨生活志发布,如需转载请注明出处。

本文链接:https://www.yanghuaxing.com/blog/1461.html

分享给朋友:

相关文章

【建站教程】小白看了都会的建站教程 看了不会你打我

【建站教程】小白看了都会的建站教程 看了不会你打我

        你是不是想建一个专属自己的网站看起来很高大尚,让别人刮目相看,自...

我的微信小程序莫名其妙被封了

我的微信小程序莫名其妙被封了

今天下午突然收到我的小程序被下线的通知,原因:因用户投诉并经平台审核,发现帐号已发布的服务内容属于平台未开放的服务范围 违反规范:《微信小程序平台运营规范》3....

今天终于把微信小程序给弄好了

今天终于把微信小程序给弄好了

上次小程序不知道被谁举报还是被微信给查了,说类目不符合,不开放给个人,一气之下就注销了,今天中午注销成功,里面重新注册了一个账号,上传了代码,这次就审核通过了,...

微信小程序竟然也要开始年审了

微信小程序竟然也要开始年审了

今年3月份为了搭建网站的微信小程序,特地注册了个体工商户营业执照来注册企业微信小程序,支付了300元认证微信,那时候说的是300元是终身,不需要再次年审,微信公...

评论列表

小黑娃动画
小黑娃动画 来自:湖南省长沙市
2年前 (2022-10-04)

这个有用,收藏了

辩论吧
辩论吧 Lv.1初级粉丝 来自:福建省厦门市
2年前 (2022-07-29)

感谢分享 小程序已搭建成功

A百变鹏仔 
A百变鹏仔  来自:陕西省渭南市
2年前 (2022-06-11)

测试一下评论

Mr.Link
Mr.Link 来自:广东省东莞市
2年前 (2022-03-27)

测试

发表评论

访客

◎欢迎参与讨论,请在这里发表您的看法和观点。