网站网页转app源码-WordPress网站转APP和小程序

将WordPress网站转换为APP和小程序

项目概况项目主页

设置和使用该项目的说明发布在此处:

您需要注册才能查看,只需使用您的手机号码登录即可。

最新代码

最新代码发布在Github上。 如果喜欢的话记得给个小星星哦!

项目设置说明服务器:设置说明

1.下载WordPress插件,包括“WP转APP和小程序”和“WP-PostViews”插件,并在后台启用。

如下所示:

下载插件“WP转APP和小程序”:

下载插件“WP-PostViews”:

2、在WordPress后台的“设置>>网站到APP设置”路径中,

(1)填写烟雨宝商户号“pQNNmSkaq”,如上图所示。 如果没有号码,请登录言语宝后台获取。

(2)设置默认的文章类别封面,如上图。

有网站源码怎么生成网站_网站网页转app源码_怎么把网页源码做成app

3、在WordPress后台的“文章>>类别”路径中,添加或编辑目录时,设置目录封面或自定义封面,如下图。

4、设置电子会员卡,路径为:“信息中心>>电子会员卡”。

电子会员卡的设置非常简单。 帮助手册是为不懂技术的用户制作的。 观看地址为:

网站网页转app源码,所以对于开发者来说,这是一个傻瓜文档!

源代码:定制开发和重新编译

1.下载项目源码:

通过uniapp网站或者github或者Yanyu服务器下载。

2. 在 HBuilder X 中打开项目。

3.修改配置:

(1)【需修改】打开common/abotapi.js,如下图:

修改default_sellerid为你自己的烟雨宝商户号; 修改 xiao Chengxu_appid 为自己的小程序appid; 修改current_platform为当前要发布的平台名称。 可以设置的值有:app、h5、mp-weixin、mp-alipay、mp-baidu。

怎么把网页源码做成app_有网站源码怎么生成网站_网站网页转app源码

(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网站后台找到。

通过关键字搜索articles/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页面/tabBar/about/about,需要添加switchTab,没有其他特殊要求。

有网站源码怎么生成网站_怎么把网页源码做成app_网站网页转app源码

Tab页和非Tab页跳转

如果页面被tabBar包含,那么跳转时需要指定。 具体格式为:

switchTab [页面路径]

用空格分隔。 switchTab跳转的页面不能有任何额外的参数,即“?” 并且其后面的内容无法出现。

例如:跳转到用户中心的链接可以设置为 switchTab /pages/tabBar/usercenter/usercenter

例如:跳转到about页面的链接可以设置为switchTabpages/tabBar/about/about

如果页面不包含在tabBar中,则需要在跳转时指定。 具体格式为:

导航到[页面路径]

用空格分隔,navigateTo跳转到的页面可以带参数,参数放在“?”后面

跳转H5页面链接设置

跳转到H5页面,直接填写开头的URL。 需要注意的是,对应的域名必须是小程序中注册的企业域名,否则页面无法显示。

http 链接中支持的变量有:%oneclicklogin%、%ensellerid%、%wxa_appid%、%wxa_openid%。

%oneclicklogin%一键登录获取用户信息参数,%ensellerid%商户代码网站网页转app源码,%wxa_appid%小程序appid,%wxa_openid%微信公众号粉丝openid。

跳转到“我的余额”%oneclicklogin%

跳转到“我的赠款”%oneclicklogin%

跳转至“我的积分”%oneclicklogin%

嵌入H5网页时,如果页面中设置了头部导航栏,会重复小程序默认的导航栏,影响页面美观。 在言鱼宝系统的H5页面中,我们做了自动判断。 程序中引用时,H5导航栏会自动隐藏;

如果您在APP中引用言鱼宝的H5,请在页面URL中添加参数“hidden_​​nav_header_h5=1”以达到隐藏的目的。

跳转至其他小程序链接设置

如需跳转至其他小程序,请填写以下格式:

小程序 [url] [appid] [pagepath] [extraData]

用空格分隔,

将[url]替换为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和小程序为游客提供新功能的目的,因此建议保留会员卡功能。