• 本站为非盈利网站,所有资源均可通过积分获取,本站积分可通过注册、签到、评论、点赞、分享、投稿等多种渠道获取。
  • 本站积分规则查看:https://www.51quan.top/984.html
  •    3个月前 (01-12)  今日推荐 文章 最新动态 |   5 条评论  7 
    文章评分 0 次,平均分 0.0

    在几年前,,还是pc端为王的时候,有一大批站长搭上了互联网的快车.通过建立个人博客和一些垂直型的网站快速获取了大批的粉丝,也可谓是赚的金银满钵.

    但是随着互联网技术和智能手机的普及和发展,碎片化时间成了流量的高地.流量逐渐由PC端转向移动端.所以APP、wap页面、自适应网站相应的变得更加流行。

    但是随着消费者观念的变化,人们越来越不愿意在手机中安装过多的app,而wap页面也没法很好的留着顾客。随即很多人提出了轻应用这一概念。同时,随着微信生态的布局和发展,微信小程序也成为微信继微信公众号之后的又一重要战略布局。

    作为伴随着互联网的发展而一路走来的我们这些站长们,给自己的网站添加一个微信小程序或许是争取流量的一种不错的方式。

    我也是一个博客站的站长,我的博客叫“51圈博客”,也就是本站“51圈博客”接下来我就教大家一起给自己的博客站搭建一个微信小程序

    大家先看一下我给自己的博客站搭建的小程序效果。也可以通过在微信搜索“51圈”找到我的小程序。

    教你快速为自己的博客搭建一个微信小程序

    接下来我看一起来完成小程序的搭建

    第一步:购买域名、主机(国内主机39一年,需要的可以联系我)、设置域名解析、主机绑定域名,这些不再详述,网上很多教程。

    第二步:搭建网站。做博客最出名的程序非wordpress莫属了。这里也不再详述,很简单,不会的找度娘就可以了。

    第三步:部署小程序。这里推荐“守望轩”站长jianbo开发的小程序,部署简单快速。小程序分两种:开源免费版和收费版。这里非常感谢作者的无私奉献,即使是免费开源版的小程序也是非常棒的。

    (1) 配置微信小程序平台

    在微信小程序公众平台的后台里,选择“开发”=>“开发设置”,对“服务器域名”和“业务域名”进行配置,如下图:

    教你快速为自己的博客搭建一个微信小程序
    配置域名
    (2) 配置HTTPS

    小程序的request等请求是需要HTTPS的,因此需要网站支持HTTPS ,现在有很多免费SSL证书申请的地方,我提供的主机也有免费的SSL证书提供。你也可以联系自己的主机商购买SSL证书。wordpress也有很多辅助一键开启 HTTPS的插件,如 wp encrypt 和 really simple ssl

    (3)配置wordpress后台小程序插件

    插件是由小程序作者jianbo开发的,在wordpress应用商店搜索后台插件 REST API TO MiniProgram
    下载地址:Wordpress官方下载地址:https://wordpress.org/plugins/rest-api-to-miniprogram/

    在后台安装之后启用小程序插件,然后在“ wordpress后台 => 设置 =>微信小程序设置 ”进行设置(如下图)。

    主要是小程序的AppID和Appsecret(从小程序平台获取),小程序首页轮播图(填文章id),海报的默认图片地址等,如果是企业小程序还可以填写微信支付的商户号信息,用于赞赏。

    教你快速为自己的博客搭建一个微信小程序
    (4)安装Wordpress版微信小程序

    下载的地址:https://github.com/iamxjb/winxin-app-watch-life.net

    有关在微信小程序的开发工具新建项目,导入程序,我就不赘述了,可以去搜索微信小程序的官方文档,有详细的介绍。

    微信小程序项目创建好了后,打开config.js文件,config.js文件的路径如下图:

    教你快速为自己的博客搭建一个微信小程序
    var DOMAIN = "www.watch-life.net";//配置域名,域名只修改此处
    var WEBSITENAME="守望轩"; //网站名称
    var ABOUTID= 1136; //wordpress网站关于页面的id
    var TEMPPLATEID = 'hzKpxuPF2rw7O-qTElkeoE0lMwr0O4t9PJkLyt6v8rk';//模版消息id
    配置好以上参数,可以让小程序正常运行。其中:
    DOMAIN就是wordpress所在服务器的域名;
    ABOUTID是wordpress的“页面”的id,这个页面id的获取和上面说的文章id类似。
    TEMPPLATEID是模版消息的id ,是发送模版消息的必须使用的id,有关模版消息参看文档:WordPress版微信小程序2.4版发布,这篇文章里有如何设置模版消息的说明。
    此处引用jianbo原文

    (5)提交-审核-上线

    将修改完成的小程序提交到微信小程序平台等待审核,然后发布上线即可。

    欢迎体验下我的网页版博客和小程序版的博客,

    网页版 https://www.51quan.top

    小程序版

    教你快速为自己的博客搭建一个微信小程序
    最后,有资金能力的,推荐购买jianbo的收费版小程序“微慕”,功能更加强大。

    专题: 个人网站搭建教程 第4篇/总4篇

     

    除特别注明外,本站所有文章均为51圈子原创,转载请注明出处来自https://www.51quan.top/2901.html
    本站所有影音资源均来自互联网,如果侵犯了您的权益请及时联系站长删除!

    发表评论

    表情 格式
    1. 不错

      杨涛 评论达人 LV.2 3个月前 (01-14) [0] [0]
    2. 不错

      杨涛 评论达人 LV.2 3个月前 (01-14) [0] [0]
    3. 不错

      杨涛 评论达人 LV.2 3个月前 (01-14) [0] [0]
    4. 不错

      杨涛 评论达人 LV.2 3个月前 (01-14) [0] [0]
    切换注册

    登录

    忘记密码 ?

    您也可以使用第三方帐号快捷登录

    切换登录

    注册

    扫一扫二维码分享