Wordpress网站转APP和小程序

Wordpress网站转APP和小程序

本项目旨在将Wordpress网站转成原生的APP和小程序项目，而不是简单粗暴的H5套用。同时，集成了一些会员登录和会员卡的功能，避免了与移动端浏览器相同的用户体验，极大提高了提高苹果应用商店和微信小程序、百度智能小程序的审核通过率。

之前已经预报过，本项目即将合并到“通版商城V2”这个项目中，后续不会有大的版本更新了。“通版商城V2”提供强大的智能建站功能，管理后台功能丰富，同样支持APP和微信、支付宝、百度等小程序自动生成，将于近期上传到github上，之前已经有一些人拿到了项目源代码。

1 在线预览

2 项目概况2.1 项目主页2.2 源代码下载2.3 功能扩展：Wordpress企业211主题2.4 问题与交流

使用上的问题和疑问，请用微信扫码查看其他开发者的提问和回复记录，也可以在文章末尾写留言。

3 常用路径设置说明

如果你不会代码开发，那么在后台设置路径和挂接这些路径链接，即可以将你的WordPress网站组织成个性化的，功能丰富的小程序或者手机APP，APP完全符合苹果应用商店（App Store）的上架要求。

设置路径：SaaS云后台>>智能建站>>网站转APP和小程序>>基础信息 【>智能建站>>网站转APP和小程序>>基础信息">传送门】

3.1 小程序内链接设置

跳转文章列表：支持以下参数：

可以（1）追加参数“categoryName=文章分类”指定显示的文章分类名称；（2）追加参数 “categorySrc=http开头的图片网址”指定文章列表上方显示的头部图片。

跳转页面详情

个人资料页面（有退出登录的按钮）

修改账号和密码

修改昵称

修改手机号

“关于”页面

自定义页面 【设置选项】

3.2 Tab页面和非Tab页面跳转3.3 跳转到H5页面链接设置

可以跳转到H5的具体的应用

嵌入H5网页的时候，如果页面内设置了头部导航栏，会与小程序默认的导航栏重复，影响页面美观。

在延誉宝系统的H5页面中，我们都做了自动判断，如果被小程序中引用，会自动隐藏H5的导航栏；如果是在APP中引用延誉宝的H5，请在页面网址中增加参数“hidden_nav_header_h5=1”以达到隐藏的目的。

跳转H5网页默认方式为“navigateTo”，即小程序的左上角会显示返回的箭头图标；可以指定使用“redirectTo”跳转，跳转后左上角显示的是小房子图标，用于快速回到首页。

3.4 跳转到其他小程序链接设置

在APP中唤起微信小程序，设置相同，会识别APP环境，唤起微信并自动打开小程序和对应的页面；需要将appid换成小程序账号（gh_开头的），同时extraData参数不会被使用。

百度小程序中的相互跳转，设置相同，需要将appid换成百度智能小程序的app key，而不是填几个数字的appid。

小程序官方平台最新的升级，要求跳转其他小程序需要先申明要跳转的小程序ID，所以这里的appid，需要在发布小程序新版本的时候添加，登录延誉宝CMS后的设置路径为：（已经无此限制）

项目设置 >>小程序版本控制

如果已经登录，点击这里设置。

3.5 拨打电话

 tel:[phone_number]

4 二次开发文档

如果你会简单的代码开发，最好了解一点微信小程序的开发工具，那么，接下来的文档完全可以简单读懂。

4.1 源代码：自定义开发和重新编译

源代码的编译和二次开发，在uniapp环境操作，具体的步骤如下：

下载项目源代码：

通过uniapp网站或github或延誉服务器下载，建议通过github下载最新版本的源代码。

在HBuilder X中打开项目。

修改配置：

备注：微信小程序、百度智能小程序、支付宝小程序对应的appid各不相同，请不要填错了。

通过 HBuilder X将项目导入到不同的小程序开发环境中编译并提交发布。4.2 WordPress网站中如何设置？

建议在Wordpress网站中安装我们的插件，可以提供以下丰富的功能扩展：

安装WordPress插件的操作步骤如下：

下载Wordpress插件

包括“WP转APP和小程序”和“WP-PostViews”两个插件，并在后台启用，如下图所示：

在Wordpress后台的路径“设置>>网站转APP设置”中，

在Wordpress后台的路径“文章>>分类目录”中，

增加或编辑某个目录的时候，设置目录封面，也可以自定义封面，如下图。

设置电子会员卡，路径为：“信息中心>>电子会员卡”。

电子会员卡的设置非常简单，帮助手册是针对不懂技术的用户制作的，查看地址为：

所以对于开发者来说，属于傻瓜文档！

5 更多关于此项目的案例请参考下图

6 常见问题（FAQ）

网站转APP和小程序这个项目是免费的吗？是的，网站转APP和小程序这个项目免费且开源（开放源代码）。

关于开源的说明：客户端是完全开源的，方便个性化的二次开发以及编译发布；同时，我们也提供基于小程序第三方开放服务商模式的自动生成小程序。

因为受到SSL证书等安全限制网站打包成移动app，同时需要解决大并发、高频访问等，所以基于多点部署的服务器端应用想开源几乎是不现实。

虽然SaaS云服务维护成本和技术成本比普通服务器高，但是这个项目目前的政策依然是“免费”。

为什么需要设置商户编号？基于运营监管政策的需要，几乎所有网站都面临内容审查的压力；同时，基于Wordpress网站的各种垃圾评论插件层出不穷，所以要求访问者登录后才可以评论和点赞是非常必要的。

设置延誉宝的商户编号，可以一键集成用户登录和身份认证等复杂功能，减少开发难度，降低上线门槛。

个人中心必须显示会员卡功能吗，可以隐藏吗？个人中心的会员卡功能没有隐藏选项，当然，你可以自定义开发，删除和隐藏这些功能，因为这个项目是开源的，小程序和APP客户端可以自由定制。

将网站转为APP和小程序（包括微信小程序、支付宝小程序、百度智能小程序、抖音小程序等），不可以认为只是简单的将内容展示形式做个改变， 因为那样在用户体验上没有任何提升，使用手机浏览器完全可以实现相同的效果。

个人中心集成会员卡功能，是延誉宝“网站转APP和小程序”解决方案的亮点，提现了APP和小程序为访问者提供新功能的目的网站打包成移动app，所以推荐保留会员卡功能。

7 主要升级记录

2020.3.6.

1.删除了部分页面多余css代码

2.对部分页面的布局进行调整

3.对多个页面添加注释

2020.3.9.

完善二维码海报功能

2020.4.28.

客服按钮支持自定义图片；

2020.5.18.

1、升级文章详情内容展示的组件；

2、可以自定义首页功能图标是否显示；

2020.5.23.

1、新增万能表单功能；

2、可以在服务器端控制给不同小程序平台返回不同的配置。

2021.1.20.

1、登录页面和用户中心增加了返回首页的按钮。

2、优化微信小程序中sitemap.json的结构。