内容简介:所属分类:生活感悟
- A+
所属分类:生活感悟
摘要
使用免费开源软件快速搭建微信小程序,你也可以做到!体验一下我的“罗孚传车”小程序,如果觉得这样的资讯类小程序不错,那就赶快来学习一下吧,你也很快就能拥有微信小程序啦。
最近做了个“罗孚传车”的小程序
一时兴起,做了一个小程序,将个人收集的同汽车相关的行业资讯和学习资料,分享到小程序中,既作为历史资料保存,又提供给更多的人学习和了解,还能装一下:)
扫描下方小程序码可以体验一下
主页面:
文章页:
个人页:
关于页:
当然,还和我的公众号罗孚传说关联了:
为什么要做微信小程序?
1、微信中经常收到一些不错的文章,我想保存并整理,同时还能分享给别人看。
2、做一个微信小程序其实不难,但可以装装装(你懂的)。
怎么做微信小程序?
简单的来说:WordPress+开源程序,一切免费,并且能快速搞定。
原理是:通过WordPress插件生成REST API数据,然后小程序端组织呈现。
我用的是“ 守望轩 ”提供的整套方案,WordPress端安装 wp-rest-api-for-app 插件,小程序端使用 winxin-app-watch-life.net 代码。
一步一步开始制作小程序
1、配置SSL,让网站支持HTTPS
由于小程序需要HTTPS支持,所以你必须建立一个能够HTTPS访问的网站。
如果你使用 阿里云 主机,那么可以免费获得SSL证书,是由Symantec提供的DV SSL证书。
PS:如果没有找到上述免费DV SSL证书,那么选择Symantec品牌后,在证书类型中先选择增强型证书试试,应该会跳出免费证书。
当然,其他平台也是可以免费获得SSL证书的,Symantec的免费证书很通用,如果云服务商不支持,那也可以选用 Let’s Encrypt 提供的免费证书,自行研究一下吧。
除了获得证书外,还需要在服务器上安装证书,安装方法不再赘述,百度一下试试。
特别强调: HTTPS是小程序的必须步骤 ,如果你无法搞定HTTPS,那么无法建立小程序。
2、安装WordPress和插件
下载WordPress并安装,现在版本都已经是4.9以上了,不要搞出一个很旧的版本来哦。
一个建议:由于网站已经支持HTTPS,所以 建议默认网站设置为HTTPS访问 ,大势所趋。
再下载 wp-rest-api-for-app 插件,从GitHub上下载下来的zip文件直接可用。
在WordPress的插件功能下,使用上传文件的方式安装该插件,安装完成启用即可。
3、申请小程序,并配置
这里申请个人小程序应该也是可以的,就是无法使用微信支付等功能,如果能用企业申请小程序当然更好了。
至于小程序是否进行认证,不认证也不影响使用,唯独微信支付无法开通罢了,如果你不差300元,那认证一下也无妨。
申请完成,填写小程序的相关信息,名称、头像等,接下来在开发设置中设置服务器域名。域名默认HTTPS开头,不支持HTTP。
配置完域名,回到WordPress中配置插件,进入设置中的“微信小程序设置”。
AppID和AppSecret都可以在微信的开发设置中获得。
除了插件设置外,建议对分类目录增加图片,在文章的分类目录中有微信小程序封面设置。
4、下载并修改小程序代码
下载 winxin-app-watch-life.net 代码,导入到 微信开发者工具 中。
修改utils目录下的config.js文件
var DOMAIN = "your-site-name.com";//配置域名
var MINAPPTYPE="0";//小程序的类型,如果是企业小程序请填:0 ,如果是个人小程序请填:1
var WEBSITENAME="罗孚传车"; //网站名称
var ABOUTID = 2; //wordpress网站"页面"的id,注意这个"页面"是wordpress的"页面",不是"文章"
var PAGECOUNT='10'; //每页文章数目
var CATEGORIESID='all' //专题页显示全部的分类
//var CATEGORIESID = '1,1059,98,416,189,374,6,463';//指定专题页显示的分类的id
var INDEXLISTTYPE="all" //首页显示所有分类
//var INDEXLISTTYPE ="1" //指定首页显示分类的id
var PAYTEMPPLATEID = 't1YE-N';//赞赏消息模版id
var REPLAYTEMPPLATEID = 'c_Ni2';//回复评论消息模版id
var ZANIMAGEURL = '../../images/qrcode';//微信赞赏的图片链接,用于个人小程序的赞赏
var LOGO = "../../images/logo-icon.png"; // 网站的logo图片
var POSTERIMGURL ="../../images/logo700.png"; //生成海报如果没有首图,使用此处设置的图片作为海报图片。
//设置downloadFile合法域名,不带https ,在中括号([])里增加域名,格式:{id=**,domain:'www.**.com'},用英文逗号分隔。
//此处设置的域名和小程序与小程序后台设置的downloadFile合法域名要一致。
var DOWNLOADFILEDOMAIN = [
{ id: 1, domain: 'your-site-name.com' }
]
除了config文件的修改,程序中的页面名称等内容也需要修改,自行查找修改即可。
修改完后即时预览,差不多了就可以上传代码啦。
至此,你的小程序就算完成啦,赶快预览一下吧。
是不是觉得内容有点少?教你一招: 一小时内更新100篇文章 !
好了,做小程序就这么简单,现在,你是不是也准备跃跃欲试小程序了呢?
- 我的微信
- 这是我的微信扫一扫
- 我的微信公众号
- 我的微信公众号扫一扫
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持 码农网
猜你喜欢:- 开源低代码开发平台:光,一个 Excel 模板搞定一切
- 快速搞定机器人开发!Facebook 联合 CMU 开源 PyRobot 框架
- 几行代码搞定ML模型,低代码机器学习Python库正式开源
- 阿里开源首个DL框架,新型XDL帮你搞定大规模稀疏数据
- 会 SQL 就能搞定 AI!蚂蚁金服重磅开源机器学习工具 SQLFlow
- 单帧风景照变延时摄影,分分钟搞定,还能有昼夜变化,这是来自日本的开源动画景观算法
本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们。
WEBMASTER技术手册
斯潘奥尔 / 斯潘奥尔 / 清华大学出版社 / 2004-4 / 63.0
本书的第三版升级到Apache PHP和Java Script 最新的版本上。同是它还包含了关于mod_perl更为详尽的信息以及提高Web 性能的方法。书中的内容涉及到HTML4.01、CSS、XML和XSLT、JavaScript1.5 、HTTP1.1、A pache2.0等等。一起来看看 《WEBMASTER技术手册》 这本书的介绍吧!