欢迎光临一流素材网,免积分免费素材下载!
当前位置:首页 > 教程 > 小程序开发

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

所属栏目:小程序开发更新时间:2021-01-25 来源:网络 原作者:不详 发布:deepdfhy浏览:0

免费开源可商用的PHP万能建站程序-DiYunCMS(帝云CMS)

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

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

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

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

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


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

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

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

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


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

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

4、设置SEO信息

打开 pages/index/index.js

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

onShow(options) {
        swan.setPageInfo({
            title: 'SEO标题',
            keywords: 'SEO关键词',
            description: 'SEO描述',
        })
    },

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

收藏 0 有帮助 1 没帮助 0 打赏
给个评价吧