个人博客如何封装生成百度小程序?

2022年3月1日网络营销备忘录评论1155字阅读3分51秒阅读模式

现在百度大力发展移动端,所以百度智能小程序有一定的流量优势,还可以进入信息流和贴吧推广,同时还能获得网站快速收录权限,昨天已封装成功,今天跟大家分享把个人网站封装生成百度小程序的方法。文章源自小虾博客-https://www.xiaoxiawz.com/yingxiao/1670.html

一、生成小程序的前提条件文章源自小虾博客-https://www.xiaoxiawz.com/yingxiao/1670.html

1、百度小程序暂不支持个人开发,所以一定要有企业营业执照认证。文章源自小虾博客-https://www.xiaoxiawz.com/yingxiao/1670.html

2、网站一定要适应移动端展现,独立手机站或H5(自适应网站)。文章源自小虾博客-https://www.xiaoxiawz.com/yingxiao/1670.html

3、注册百度小程序帐号,企业主体认证。文章源自小虾博客-https://www.xiaoxiawz.com/yingxiao/1670.html

4、网站内容正规,无不良信息,页面排版正常,无错乱。文章源自小虾博客-https://www.xiaoxiawz.com/yingxiao/1670.html

5、官网下载百度小程序开发工具。文章源自小虾博客-https://www.xiaoxiawz.com/yingxiao/1670.html

6、网站必需部署SSL证书,也就是https://,可申请免费或付费证书。文章源自小虾博客-https://www.xiaoxiawz.com/yingxiao/1670.html

二、网站封装成百度小程序的步骤文章源自小虾博客-https://www.xiaoxiawz.com/yingxiao/1670.html

1、打开百度开发者工具,默认新建项目,填入名称、存放目录,APPID在智能小程序官网的URL结尾处可以看到。文章源自小虾博客-https://www.xiaoxiawz.com/yingxiao/1670.html

个人博客如何封装生成百度小程序?文章源自小虾博客-https://www.xiaoxiawz.com/yingxiao/1670.html

2、在小程序后台设置业务域名,左侧导航--》开发管理--》设置--》开发设置--》业务域名。文章源自小虾博客-https://www.xiaoxiawz.com/yingxiao/1670.html

个人博客如何封装生成百度小程序?文章源自小虾博客-https://www.xiaoxiawz.com/yingxiao/1670.html

3、在小程序开发工具中修改两处文件。在新建项目后,开发工具会自动生成代码包,我们要修改pages/index/index.json 和 pages/index/index.swan 这两个文件。文章源自小虾博客-https://www.xiaoxiawz.com/yingxiao/1670.html

个人博客如何封装生成百度小程序?文章源自小虾博客-https://www.xiaoxiawz.com/yingxiao/1670.html

在pages/index/index.json中修改小程序名称,代码如下:文章源自小虾博客-https://www.xiaoxiawz.com/yingxiao/1670.html

{文章源自小虾博客-https://www.xiaoxiawz.com/yingxiao/1670.html

"navigationBarTitleText": "你自己的小程序名字"文章源自小虾博客-https://www.xiaoxiawz.com/yingxiao/1670.html

}文章源自小虾博客-https://www.xiaoxiawz.com/yingxiao/1670.html

在pages/index/index.swan中,将里面的代码全部替换为以下代码:文章源自小虾博客-https://www.xiaoxiawz.com/yingxiao/1670.html

<!-- index.swan -->
<web-view src="https://你的手机端网址"></web-view>文章源自小虾博客-https://www.xiaoxiawz.com/yingxiao/1670.html

三、完成最后配置,修改小程序文件 index.js,一些SEO信息。文章源自小虾博客-https://www.xiaoxiawz.com/yingxiao/1670.html

个人博客如何封装生成百度小程序?文章源自小虾博客-https://www.xiaoxiawz.com/yingxiao/1670.html

按照上图箭头指示位置,将以下代码插入,TKD修改成你自己的网站信息:文章源自小虾博客-https://www.xiaoxiawz.com/yingxiao/1670.html

onShow(options) {文章源自小虾博客-https://www.xiaoxiawz.com/yingxiao/1670.html

swan.setPageInfo({文章源自小虾博客-https://www.xiaoxiawz.com/yingxiao/1670.html

title: '你的网站标题',文章源自小虾博客-https://www.xiaoxiawz.com/yingxiao/1670.html

keywords: '你的网站关键词',文章源自小虾博客-https://www.xiaoxiawz.com/yingxiao/1670.html

description: '你的网站描述',文章源自小虾博客-https://www.xiaoxiawz.com/yingxiao/1670.html

likes: '75',文章源自小虾博客-https://www.xiaoxiawz.com/yingxiao/1670.html

comments: '13',文章源自小虾博客-https://www.xiaoxiawz.com/yingxiao/1670.html

collects: '23',文章源自小虾博客-https://www.xiaoxiawz.com/yingxiao/1670.html

shares: '8',文章源自小虾博客-https://www.xiaoxiawz.com/yingxiao/1670.html

followers: '35',文章源自小虾博客-https://www.xiaoxiawz.com/yingxiao/1670.html

success: function () {文章源自小虾博客-https://www.xiaoxiawz.com/yingxiao/1670.html

console.log('setPageInfo success');文章源自小虾博客-https://www.xiaoxiawz.com/yingxiao/1670.html

}文章源自小虾博客-https://www.xiaoxiawz.com/yingxiao/1670.html

})文章源自小虾博客-https://www.xiaoxiawz.com/yingxiao/1670.html

},文章源自小虾博客-https://www.xiaoxiawz.com/yingxiao/1670.html

四、可以在开发工具预览或真机调式,看下小程序运行有没错误,如果没有错误,点击发布会上传代码包到百度小程序官网后台,这时要在后台的左侧导航--》开发管理--》版本管理--》开发版本进行提交审核,结果会发送到你注册时用的手机号上,版本管理这也会有体现。文章源自小虾博客-https://www.xiaoxiawz.com/yingxiao/1670.html

到此封装流程就结束了,剩下的就是审核,当你页面出现一些不规范的情况时,会驳回并提示问题所在让你修改,比如页面不能出现微信二维码、不能有无效链接、内容或功能要丰富等,我们根据提示修改好后按照第四步重新提交即可。文章源自小虾博客-https://www.xiaoxiawz.com/yingxiao/1670.html

虾叔
  • 本文由 发表于 2022年3月1日
  • 如转载请注明出处并保留链接形式:https://www.xiaoxiawz.com/yingxiao/1670.html
匿名

发表评论

匿名网友 填写信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: