H5手机网站封装百度小程序教程

百度小程序一般是原生开发,但是原生开发有一定地技术门槛,以及成本高。

对于一些要求不是很高的,纯展示型的小程序,也可以使用手机网站封装百度小程序,内容自动同步手机网站。

下面介绍详细的方法流程:

1、百度开发者工具,创建小程序,填写APPID等

1638765461-a2f5896fdc81790

2、百度开发者工具打开pages/index/index.swan

将默认的代码全部删除,改为如下代码,设置你的手机站域名,必须是https开头

1
2
3
<!-- index.swan -->
<web-view src="https://www.diyunwl.com">
</web-view>

1638765461-9d070de1365c90a

3、打开pages/index/index.json,修改小程序名称

1638765462-d0a84225f9f4074

4、设置SEO信息

打开 pages/index/index.js

在 onLoad:function(options) 上面一行添加如下代码:

1
2
3
4
5
6
7
onShow(options) {
        swan.setPageInfo({
            title: 'SEO标题',
            keywords: 'SEO关键词',
            description: 'SEO描述',
        })
    },

1638765462-8afec27e9b5ca00

免责声明:本资源来源于互联网,安全性未知,使用前请自行甄别;本资源来源于互联网,如有侵权请及时联系我们,我们将在72小时内删除侵权内容;本资源存储在云盘,如发现链接失效,请 点此反馈 我们会第一时间更新。
吾爱分享者资源 » H5手机网站封装百度小程序教程

发表评论