Wordpress网站转APP和小程序 |
您所在的位置:网站首页 › 插件程序app › Wordpress网站转APP和小程序 |
更新记录
1.2.1(2020-06-09)
问题与交流
使用上的问题和疑问,请用微信扫码查看其他开发者的提问和回复记录,也可以在文章末尾写留言。 主要升级记录2020.3.6. 1.删除了部分页面多余css代码 2.对部分页面的布局进行调整 3.对多个页面添加注释 2020.3.9. 完善二维码海报功能 2020.4.28. 客服按钮支持自定义图片; 2020.5.18. 1、升级文章详情内容展示的组件; 2、可以自定义首页功能图标是否显示; 2020.5.23. 1、新增万能表单功能; 2、可以在服务器端控制给不同小程序平台返回不同的配置。 1.0.3(2020-03-31) 2020年3月23日导航图标的调整链接 百度小程序的样板,h5的样板, 个人中心>>我的工具栏 调整,可以参考滚动图片和导航图标,在后台的 个人中心页面增加配置项。 2020年3月30日1、 个人中心增加显示隐藏余额赠款和积分的控制开关 2、 文章分类页面支持自定义图标,可以默认显示文章分类。 查看更多 平台兼容性 wordpress-to-appWordpress网站转APP和小程序 项目概况 项目主页项目的设置和使用说明发布在这里: https://yanyubao.tseo.cn/Supplier/WordpressMgr/index/setting_type/source_code.html 需要注册才能查看,使用手机号码登录即可。 最新代码最新的代码发布在Github上,喜欢记得点个小星星! https://github.com/longmix/wordpress-to-app 项目设置说明 服务器:设置说明1、下载Wordpress插件,包括“WP转APP和小程序”和“WP-PostViews”两个插件,并在后台启用, 如下图所示: 下载插件“WP转APP和小程序”: https://yanyubao.tseo.cn/download/wordpress-plugin/yanyubao-wp-to-app.zip 下载插件“WP-PostViews”:https://yanyubao.tseo.cn/download/wordpress-plugin/wp-postviews.zip 2、在Wordpress后台的路径“设置>>网站转APP设置”中, (1)填写延誉宝商户编号“pQNNmSkaq”,如上图,如果没有编号,登录延誉宝后台获取。 (2)设置默认的文章分类的封面,如上图。 3、在Wordpress后台的路径“文章>>分类目录”中,增加或编辑某个目录的时候,设置目录封面,也可以自定义封面,如下图。 4、设置电子会员卡,路径为:“信息中心>>电子会员卡”。 电子会员卡的设置非常简单,帮助手册是针对不懂技术的用户制作的,查看地址为: http://www.abot.cn/627.html,所以对于开发者来说,属于傻瓜文档! 源代码:自定义开发和重新编译1、下载项目源代码: 通过uniapp网站或github或延誉服务器下载。 2、在HBuilder X中打开项目。 3、修改配置: (1)【必改】打开common/abotapi.js,如下图所示: 修改 default_sellerid 为自己的延誉宝商户编号; 修改xiaochengxu_appid为自己的小程序appid; 修改current_platform为当前要发布的平台名称,可以设置的值有: app, h5, mp-weixin, mp-alipay, mp-baidu。 (2)【选改】在项目根目录下,打开pages.json, 找到 navigationBarTitleText 将值改为自己的网站名称,还可以自定义标题文字的颜色和顶部导航的背景色。 备注:微信小程序、百度智能小程序、支付宝小程序对应的appid各不相同,请不要填错了。 4、通过 HBuilder X将项目导入到不同的小程序开发环境中编译并提交发布。 链接设置说明 小程序内链接设置跳转文章列表 /pages/list/list?categoryID=1234,categoryID为分类ID,可以在Wordpress网站后台找到。 跳转文章详情 /pages/tabBar/index/detail?id=1234,id为文章ID,可以在Wordpress网站后台找到。 按关键词搜索文章 /pages/list/list?search=abcd,abcd为搜索的关键词,需要做URL编码。 个人资料页面(有退出登录的按钮) /pages/userinfo/userinfo ,可以修改个人资料,也可以退出登录 修改账号和密码 /pages/usersetting/usersetting?account=1 可以从个人资料页面跳转过来,也可以直接挂接。 修改昵称 /pages/usersetting/usersetting?nickname=1 可以从个人资料页面跳转过来,也可以直接挂接。 修改手机号 /pages/usersetting/usersetting?mobile=1 可以从个人资料页面跳转过来,也可以直接挂接。 “关于”页面 switchTab pages/tabBar/about/about,需要增加 switchTab,没有其他特殊要求。 Tab页面和非Tab页面跳转如果页面被tabBar包含,那么跳转的时候,需要指定,具体格式为: switchTab [pagepath] 用空格分开,switchTab跳转的页面,不能带任何多余的参数,即不可以出现“?”及其后面的内容。 例如:跳转到用户中心的链接,可以设置为 switchTab /pages/tabBar/usercenter/usercenter 例如:跳转到关于页面的链接,可以设置为 switchTab pages/tabBar/about/about 如果页面没有被tabBar包含,那么跳转的时候,需要指定,具体格式为: navigateTo [pagepath] 用空格分开,navigateTo跳转的页面,可以带参数,参数放在“?”后面。 跳转到H5页面链接设置跳转到H5页面,直接填写https://开头的网址,需要说明的是,对应的域名必须是在小程序登记的业务域名中,否则无法显示页面。 http链接中支持的变量有:%oneclicklogin%, %ensellerid%, %wxa_appid%, %wxa_openid%。 %oneclicklogin%一键登录获取用户信息参数, %ensellerid%商户编码, %wxa_appid%小程序appid, %wxa_openid%微信公众号粉丝openid。 跳转到“我的余额” https://yanyubao.tseo.cn/User/agent_income.html?oneclicklogin=%oneclicklogin% 跳转到“我的赠款” https://yanyubao.tseo.cn/User/my_balance_zengsong.html?oneclicklogin=%oneclicklogin% 跳转到“我的积分” https://yanyubao.tseo.cn/User/score.html?oneclicklogin=%oneclicklogin% 嵌入H5网页的时候,如果页面内设置了头部导航栏,会与小程序默认的导航栏重复,影响页面美观;在延誉宝系统的H5页面中,我们都做了自动判断,如果被小程序中引用,会自动隐藏H5的导航栏; 如果是在APP中引用延誉宝的H5,请在页面网址中增加参数“hidden_nav_header_h5=1”以达到隐藏的目的。 跳转到其他小程序链接设置跳转到其他小程序,使用填写以下格式: miniprogram [url] [appid] [pagepath] [extraData] 用空格分开, [url]替换为网址,[appid]替换为要跳转的小程序, [pagepath]替换为小程序的路径,可以包含参数,如 /pages/detail/detail?id=1577 [extraData]为模板小程序应用级别的参数(App.onLaunch,App.onShow中获取),如 {"sellerid":"abcdef","userid":"1234"},内容中不能留空格,变量名称和变量值必须用双引号。 小程序官方平台最新的升级,要求跳转其他小程序需要先申明要跳转的小程序ID,所以这里的appid, 需要在发布小程序新版本的时候添加,登录延誉宝CMS后的设置路径为: 项目设置 >>小程序版本控制。如果已经登录,点击这里设置。 在线预览 常见问题(FAQ)网站转APP和小程序这个项目是免费的吗? 是的,网站转APP和小程序这个项目免费且开源(开放源代码)。 关于开源的说明:客户端是完全开源的,方便个性化的二次开发以及编译发布;同时,我们也提供基于小程序第三方开放服务商模式的自动生成小程序。 因为受到SSL证书等安全限制,同时需要解决大并发、高频访问等,所以基于多点部署的服务器端应用想开源几乎是不现实。 虽然SaaS云服务维护成本和技术成本比普通服务器高,但是这个项目目前的政策依然是“免费”。 为什么需要设置商户编号? 基于运营监管政策的需要,几乎所有网站都面临内容审查的压力;同时,基于Wordpress网站的各种垃圾评论插件层出不穷, 所以要求访问者登录后才可以评论和点赞是非常必要的。 设置延誉宝的商户编号,可以一键集成用户登录和身份认证等复杂功能,减少开发难度,降低上线门槛。 个人中心必须显示会员卡功能吗,可以隐藏吗? 个人中心的会员卡功能没有隐藏选项,当然,你可以自定义开发,删除和隐藏这些功能,因为这个项目是开源的,小程序和APP客户端可以自由定制。 将网站转为APP和小程序(包括微信小程序、支付宝小程序、百度智能小程序、抖音小程序等),不可以认为只是简单的将内容展示形式做个改变, 因为那样在用户体验上没有任何提升,使用手机浏览器完全可以实现相同的效果。 个人中心集成会员卡功能,是延誉宝“网站转APP和小程序”解决方案的亮点,提现了APP和小程序为访问者提供新功能的目的,所以推荐保留会员卡功能。 |
CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3 |