将H5手机网站封装百度小程序教程
时间:2022年07月14日
/来源:网络
/编辑:佚名
将H5手机网站封装百度小程序的方法
百度小程序一般是原生开发,但是原生开发有一定地技术门槛,并且成本也比较高。
当然也有很多建站公司针对不同行业,推出了针对性的小程序建站模板,操作比较方便,对技术要求不高,就是每年需要支付一定的费用。
对于一些要求不是很高的,纯展示型的小程序,也可以使用手机网站封装百度小程序,内容自动同步手机网站。
具体操作步骤如下:
1、下载百度开发者工具,创建小程序,填写APPID等,后端服务勾选【不使用智能小程序云开发】。
将H5手机网站封装百度小程序教程
2、百度开发者工具打开pages/index/index.swan将默认的代码全部删除,改为如下代码,设置你的手机站域名,必须是https开头
将H5手机网站封装百度小程序教程
3、打开pages/index/index.json,修改小程序名称
将H5手机网站封装百度小程序教程
4、设置SEO信息
打开 pages/index/index.js
在
onLoad() {
// 监听页面加载的生命周期函数
}
上面一行添加如下代码:
onShow(options) {
swan.setPageInfo({
title: 'SEO标题',
keywords: 'SEO关键词',
description: 'SEO描述',
})
},
将H5手机网站封装百度小程序教程
5、登陆百度小程序后台,依次点击:【设置】-【开发设置】,填写业务域名相关信息,业务域名为手机网站域名。
至此小程序封装完成,点击发布,然后在百度小程序后台【版本管理】查看、提交审核即可。
百度小程序一般是原生开发,但是原生开发有一定地技术门槛,并且成本也比较高。
当然也有很多建站公司针对不同行业,推出了针对性的小程序建站模板,操作比较方便,对技术要求不高,就是每年需要支付一定的费用。
对于一些要求不是很高的,纯展示型的小程序,也可以使用手机网站封装百度小程序,内容自动同步手机网站。
具体操作步骤如下:
1、下载百度开发者工具,创建小程序,填写APPID等,后端服务勾选【不使用智能小程序云开发】。
将H5手机网站封装百度小程序教程
2、百度开发者工具打开pages/index/index.swan将默认的代码全部删除,改为如下代码,设置你的手机站域名,必须是https开头
将H5手机网站封装百度小程序教程
3、打开pages/index/index.json,修改小程序名称
将H5手机网站封装百度小程序教程
4、设置SEO信息
打开 pages/index/index.js
在
onLoad() {
// 监听页面加载的生命周期函数
}
上面一行添加如下代码:
onShow(options) {
swan.setPageInfo({
title: 'SEO标题',
keywords: 'SEO关键词',
description: 'SEO描述',
})
},
将H5手机网站封装百度小程序教程
5、登陆百度小程序后台,依次点击:【设置】-【开发设置】,填写业务域名相关信息,业务域名为手机网站域名。
至此小程序封装完成,点击发布,然后在百度小程序后台【版本管理】查看、提交审核即可。
新闻资讯 更多
- 【建站知识】查询nginx日志状态码大于400的请求并打印整行04-03
- 【建站知识】Python中的logger和handler到底是个什么?04-03
- 【建站知识】python3拉勾网爬虫之(您操作太频繁,请稍后访问)04-03
- 【建站知识】xpath 获取meta里的keywords及description的方法04-03
- 【建站知识】python向上取整以50为界04-03
- 【建站知识】scrapy xpath遇见乱码解决04-03
- 【建站知识】scrapy爬取后中文乱码,解决word转为html 时cp1252编码问题04-03
- 【建站知识】scrapy采集—爬取中文乱码,gb2312转为utf-804-03