Products
GG网络技术分享 2025-03-18 16:12 0
随着微信小程序的功能越来越强，特别对个人开发者的开放，让个人开发者有机会尝试微信小程序。如果你有自己的个人网站，就可以把个人网站搬到微信小程序里，通过小程序直接访问网站的内容。
要想微信小程序可以获取网站的内容，这就要求网站提供web服务的api，比如提供获取内容的json api，这些api包括查询、添加、更新等操作。我的网站是使用WordPress 4.7.4 版本，提供REST API，这样就不用自己开发api了，直接使用即可。条件具备，说干就干，我先拿自己的网站练手，也算是真正动手实践一下小程序。
注意：以个人开发者申请的小程序，由于无法提交“文娱-资讯”类的小程序，因此如果提交非“娱乐-资讯”类时，在审核的时候会被拒绝，以下是我第一次提交时被拒的反馈
根据反馈的审核结果来看，只有企业类小程序才可以发布“文娱-资讯”类的小程序。不过2017年4月28日开始，经过认证的企业公众号可以快速注册并认证新的小程序，如果你可以找个认证的企业公众号帮忙快速注册一个小程序，经过这样注册的小程序是可以发布“文娱-资讯”类的小程序。
基本设置
首先配置微信小程序的基本信息，这部分配置一定要谨慎，因为每月修改次数是有限定的，特别小程序名称在发布后是需要认证才能修改的，起名字前一定要认真想好，发布后再来修改，就比较麻烦了。
开发设置
首先需要到小程序的后台管理去获取小程序的开发者ID和密钥，同时设置提供web服务api的域名链接地址，特别注意的是该域名的链接地址需要是HTTPS。（关于如何WordPress类型的网站如何开启HTTPS，见文章：WordPress整站轻松开启HTTPS）
小程序开发
小程序的开发可以参考官方的文档：https://mp.weixin.qq.com/debug/wxadoc/dev/index.html?t=2017327。针WordPress类型的网站，主要获得以下的内容：
一、获取文章（posts）的列表
1. rest api链接：https://www.watch-life.net/wp-json/wp/v2/per_page=**&page=** ，per_page参数表示每页的记录条数，page参数表示第几页。
2.获取文章列表的主要代码：
考虑显示文章列表时，不是完整显示文章内容，只是显示摘要，于是获取了文章内容的一部分内容作为摘要，同时，考虑到文章中有html的代码，因此去掉了文章中有关html的代码，这样显示起来就比较干净整洁。
3.前端（wxml文件）显示文章列表的主要代码：
以上代码主要实现对文章标题和摘要的显示。
二、获取文章（posts）的内容
1.rest api链接：https://www.watch-life.net/wp-json/wp/v2/posts/id，id表示的是文章的id
2.获取文章内容的主要代码：
由于文章内包含大量的html标签，在微信小程序里是无法显示的，因此采用了一个把html解析为wxml的第三方程序：wxParse，上图中用红框标识的代码就是采用该程序的调用方法。
3.前端（wxml文件）显示文章内容的主要代码：
二、获取页面（pages）的分类
1.rest api链接：https://www.watch-life.net/wp-json/wp/v2/pages
2.获取页面分类的代码可以参考获取文章列表的程序。
二、获取页面（pages）的内容
1.rest api链接：https://www.watch-life.net/wp-json/wp/v2/pages/id，id表示的是页面的id
2.获取页面内容的代码可以参考获取文章内容的程序。
至此一个简单的小程序链接wordpress网站的程序开发完毕。最后就是提交小程序并审核。审核通过后，就可以发布了。小程序发布后，就可以把个人的公众号绑定小程序了。绑定后就可以在公众号里看到小程序，如下图所示：
最后小程序显示如下：
我的网站服务器在国外，在速度上访问有些慢，因此小程序显示也会有些慢，另外文章的正文在处理的时候格式上还有些问题，后续我会继续完善，尽快更新版本。
“守望轩”网站小程序的源代码我已经放在github开源：https://github.com/iamxjb/winxin-app-watch-life.net
我的各大自媒体平台统一名称：守望轩
我们做wordpress企业网站的时候经常需要通过ID来对页面标题和链接进行调用。
下面跟大家分享一下如何通过页面ID快速对应标题和链接进行调用：
//方法一：<?phpechomb_strimwidth(get_page(16)->post_content,0,600);?>
//方法二：
<?php
$page_id=1;//这是你的页面的id号
//此处的1就是page页面的ID，ID的数字是多少就填写多少
echoget_post($page_id)->post_content;
//此段为输出获取的页面内容，无需修改
?>
//方法三：
<?php
$page_id=123;
$page_data=get_page($page_id);
echo'<h3>'.$page_data->post_title.'</h3>';//调用页面标题
echoapply_filters('the_content',$page_data->post_content);//调用页面内容
?>
//方法四：
<?php
$name='about';//page别名
global$wpdb;
$page_id=$wpdb->get_var("SELECTIDFROM$wpdb->postsWHEREpost_name='$name'");
echo$page_data=get_page($page_id)->post_content;
?>
使用别名获取单页和分类的url，在wordpress默认函数中没有，只能加函数到functions.php中
functiongeturl($slug,$type="page"){//slugglobal$wpdb;
if($type=="page"){
$url_id=$wpdb->get_var("SELECTIDFROM$wpdb->postsWHEREpost_name='".$slug."'");
echoget_permalink($url_id);
}else{
$url_id=$wpdb->get_var("SELECTterm_idFROM$wpdb->termsWHEREslug='".$slug."'");
echoget_category_link($url_id);
}
}调用代码如下：
//方式一：这是调用别名为news的分类的链接。<?phpgeturl(‘news’,'cat’);?>
//方式二：调用别名为zdycsb的单页的链接。
<?phpgeturl(‘zdycsb’,'page’);?>
Demand feedback