fengrui99 发表于 2020-10-12 10:08

【转】wordpress开源小程序 支持微信端和QQ端

本帖最后由 fengrui99 于 2020-10-12 10:10 编辑

文章转载来自原文:https://www.frbkw.com/3040/

界面截图


更新说明
1.修改缓存方式,每个界面发起请求
2.修复首页 图片显示比例
3.修复新用户分享加载无数据
4.修复搜索页标签无法显示完整
5.金刚区支持多个 支持滑动
6.php焦点新增图片参数
7.分享列表无法打开
8.UI整体细节提升
9.修复QQ端激励视频
10.搜索页 标签出现滚动条
11.新增第一次打开 引导添加到我的小程序
12.优化深色模式


wordpress安装
1.安装wordpress博客系统,过程请百度
2.设置https宝塔后台可以申请SSL证书,且实用比较方便
如果自有SSL证数如果配置:首先下载你的SSL证书,右键记事本打开(推举hbuilder x)key内容复制到密钥(KEY)中。证书(PEM格式)是域名证书.crt + 根证书(root_bundle).crt,
先打开域名证书crt格式的复制到宝塔中随后空格一行后面在粘贴root_bundle.crt就可以了3.设置伪静态静态设置选择wordpress,保存即可


开发工具
1.下载hbuilder x,微信小程序,QQ小程序等开发工具
2.hbuilder 运行环境配置windos和mac设置操作会有不同;一下为mac为例安装后打开hbuilder 左上角点击偏好设置设置—–运行配置—-配置相对于的开发工具路径

3.点击运行—-运行小程序模拟器—-微信小程序开发者工具如果启动错误,一般是微信开发者工具没有登入,或者工具没有打开安全端口(设置-安全设置-安全)


4.打开manifest.json修改打开manifest.json文件找到微信/QQ小程序配置将appid修改成你的或者为空,不然无法运行小程序

小程序源码
以上步骤操作结束后;点击运行—-运行小程序模拟器—-微信小程序开发者工具可以运行到小程序开发者工具中
1.域名配置在components/api.js中修改
export const API = 'https://你的域名/';
2.关于自定义请求的php文件,可随意上到博客后台任何目录和自定义名字只要能和api文件中的Getresources对应起来就好
export const Getresources = 'https://你的域名/wp-content/plugins/xingsu.php';
3.注意调试的时候大家需要点击微信开发工具右上角详情
****不验证https合法域名 这个不能打勾
****调试基础库不能低于2.11
3.QQ端出现 项目配置文件出错这个是因为qq小程序不支持深色模式导致出新错误;需要在pages.json文件中将颜色变量替换成指定颜色

4.如果微信端出现缺少theme.json文件或者项目配置文件出错请手动将theme.json复制到unpackage/dist/builder/mp-weixin/目录xia
php文件说明
1.php文件可以上传到任意目录 只要小程序里面的地址可以正常访问到就可以了
2.关注php不需要的文件注释;字段只有单个可以注释如果有多个就留空


wordpress设置
1.按上面说的配置伪静态
2.后台—-设置—-固定链接—–设置成%post_id%
3.分类目录特色图片在php文件中配置
4.文章特色图片需要在主题的funtions文件中添加
add_filter( 'rest_prepare_post', 'my_rest_prepare_post', 10, 3 );
function my_rest_prepare_post( $data, $post, $request ) {
$_data = $data->data;
if ( has_post_thumbnail() ) {
$thumbnail_id = get_post_thumbnail_id( $_data['id'] );
$thumbnail = wp_get_attachment_image_src( $thumbnail_id , 'thumbnail' );
$thumbnailurl = $thumbnail;
$featuredimgurl = $featuredimg;
if( ! empty($thumbnailurl)){
$_data['thumbnailurl'] = $thumbnailurl;
}
}else{
$_data['thumbnailurl'] = null;
}
$data->data = $_data;
return $data;
}

小程序后台配置
1.小程序设置关联微信公众号公众号关注组件。当用户扫小程序码打开小程序时,开发者可在小程序内配置公众号关注组件,方便用户快捷关注公众号,可嵌套在原生组件内,前往小程序后台,
在“设置”->“关注公众号”中设置要展示的公众号。注:设置的公众号需与小程序主体一致


下载地址
php文件链接:https://pan.baidu.com/s/1WHhu0Oj7nwcD465eL2eX0A 提取码:wkfn

程序源码链接:https://pan.baidu.com/s/1JOKSbbm1VPDFVa0HFzvGfA 提取码:gent

zy2765 发表于 2020-10-12 10:32

论坛有你更精彩!!!

麦迪就是帅 发表于 2020-10-12 10:41


论坛有你更精彩!!

小呦呦呦哟 发表于 2020-10-12 11:01

这个好,加油加油

落笔成殇 发表于 2020-10-12 14:18

这个需要自己有域名 什么的吗

fengrui99 发表于 2020-10-12 14:25

落笔成殇 发表于 2020-10-12 14:18
这个需要自己有域名 什么的吗

要哦 ,要先搭建一个wordpress博客 然后小程序api.js文件修改自己的域名

mabyelover 发表于 2020-10-12 14:48

太给力了 正好需要 学习中!!谢谢哈

beedo 发表于 2020-10-14 15:36

图片未加载,切换动画的可以加点,QQ退出登录有时候是退不出的{:1_918:}

fengrui99 发表于 2020-10-14 16:11

beedo 发表于 2020-10-14 15:36
图片未加载,切换动画的可以加点,QQ退出登录有时候是退不出的

感谢大佬 我提示作者加班修bug

whut 发表于 2020-10-14 22:07

wordpress企业站可以用吗
页: [1] 2
查看完整版本: 【转】wordpress开源小程序 支持微信端和QQ端