网站改造为百度智能小程序教程,适合所有网站封装

最近懒癌又犯了,此篇文章是博主一直想写,但是提笔几次,都没事情打断耽搁了,今天重新审视自己的小程序,算是一鼓作气把这篇技术文档给完善出来,仅供参考,有问题,下面留言讨论。

小程序应用应该是百度首先提出的,但是被腾讯发扬光大,百度总是在技术上起个大早,赶个晚集!

但是博主这几天封装自己的WordPress站为百度智能小程序中发现,百度智能小程序还是可以搞一搞的,百度在移动端,向智能小程序全流量开放!

百度智能小程序,开放百度全域千亿流量,流量天然可运营

从上图可以看出,百度智能小程序具有天然流量优势,并可以入驻百度信息流和贴吧推广,看到这,搞seo 的各位同学是不是很心动了?

废话不多说,今天博主带着大家把自己的网站封装为百度智能小程序,适用一切网站,你也可以拿来赚钱!

网站改造为百度智能小程序教程

第一步:前提条件

1、营业执照。很遗憾百度智能小程序不支持个人开发,如果你没有营业执照,以下信息你就不必再看了!

2、你的网站必须有手机端,或者你的网站是h5(自适应网站)。

3、百度小程序账号,自己去注册。

4、下载百度小程序开发工具最新版

5、网站必须部署SSL证书。

 

第二步:打开开发者工具,填写信息

1、桌面新建空文件夹,自己命名(命名用英文,不多说)。

2、打开开发者工具,填写名称,路径选择你刚才新建的空文件夹(百度智能小程序会自动生成文件)。

网站封装百度智能小程序教程

 

3、小程序后台配置服务器域名,就是你网站的域名   设置--》开发设置--》服务器域名,改为你的网站域名

网站封装为百度智能小程序教程

第三步,你需要修改两处文件,并需要一句代码

WordPress网站修改为百度智能小程序

利用百度智能小程序开发工具新建项目后,开发工具会自动生成代码包,你需要修改pages/index/index.json   和 pages/index/index.swan   这两个文件!

pages/index/index.json中
{
"navigationBarTitleText": "你自己的小程序名字"
}

 

pages/index/index.swan中

将里面的代码全部替换为以下代码
<!-- index.swan -->
<web-view src="https://你的手机端网址.com"></web-view>

 

第四步:百度小程序流量配置

这一步可能是所有seoer最想配置的一步

修改小程序文件 index.js

onShow(options) {
        swan.setPageInfo({
            title: '木木资源网站,一个分享网络营销技巧,SEO技术,网赚资源的自媒体博客',
            keywords: '网络营销技巧,资源网站,SEO教程,刘林博客',
            description: '木木资源网站分享最热门的网络赚钱干货,网络营销技巧,seo实用技巧,网站模板,破解软件源码、实用工具等网盘资源下载的自媒体博客',
            likes: '75',
            comments: '13',
            collects: '23',
            shares: '8',
            followers: '35',
            success: function () {
                console.log('setPageInfo success');
            }
        })
  },

将以上代码加入index.js中,修改其中的TDK为你自己的

至此,如果没其他问题你可以提交代码包,给百度审核了!

 

当然,百度智能小程序运营也是一门技术活,博主运营后补充教程,以上为基本的网站封装为百度智能小程序教程!

发表评论

后才能评论

评论(48)

  • 东来东往 2019-07-20 08:38

    正需要,谢谢博主

  • 北陆 2019-07-21 14:04

    百度做小程序是有优势的,千人千面的人工智能搜索推荐机智

  • 跳跳兔 2019-07-21 14:06

    网页嵌入,体验贼垃圾

  • 熊大大 2019-08-22 15:54

    这个方法目前好像失效了。
    提示如下:
    代码审核未通过,原因:存在:扫码后,提示无法打开页面(苹果XR,3.90.7)。类似问题请一同修改。基础库与客户端版本映射关系https://smartapp.baidu.com/docs/develop/swan/shine/。兼容性说明https://smartapp.baidu.com/docs/develop/swan/compatibility/

  • tophigher 2019-08-26 11:18

    我是小白,按博主方法一步步的走,编译没有通过,提示如下:“1、m.cdproshine.com未配置域名列表中,……)2pages/index/index未配置页面基础信息……”,但是其实我的手机网站已经在智能小程序后台配置了,至于页面配置信息,是复制博主代码的,这些问题该怎么解决呢?

  • tophigher 2019-08-27 17:10

    @兵临城下,博主好,提交的代码审核不通过,我试了两次,第一次提示“原因:存在进入首页模块,显示无法打开页面【双端】(iPhone xs 基础库版本3.90.14)(安卓 红米6pro 基础库版本 2.15.35)。类似问题请一同修改。基础库与客户端版本映射关系https://smartapp.baidu.com/docs/develop/swan/shine/。兼容性说明https://smartapp.baidu.com/docs/develop/swan/compatibility/”,我把发布的基础库降到最低,还是无法通过,提示“代码审核未通过,原因:无法打开【双端】(OPPO R11 基础库版本1.13.43)(苹果7 基础库版本3.90.14)。类似问题请一同修改。基础库与客户端版本映射关系https://smartapp.baidu.com/docs/develop/swan/shine/。兼容性说明https://smartapp.baidu.com/docs/develop/swan/compatibility/”,求解

    • 兵临城下 普通 @ tophigher 2019-08-29 10:59

      有没有用最新版的开发工具?

    • 兵临城下 普通 @ tophigher 2019-08-29 11:02

      一般遇到基础库问题 都是开发者工具的bug问题 最新版的应该没有基础库这个选项

    • tophigher @ 兵临城下 2019-08-30 13:38

      谢谢博主的回复。开发工具应该是最新版的,这没有问题,我尝试着选择不同的最低版本库,审核都是不通过。每次回复的不支持双端的手机型号都不同。我猜想应该是域名的问题,我的域名还没有备案,因此无法配置业务域名。应该是百度小程序不支持非业务域名跳转的原因。目前正在备案域名,等备案通过后,再配置业务域名后反馈结果。再次感谢。

    • 兵临城下 普通 @ tophigher 2019-08-30 14:08

      好的

    • tophigher @ 兵临城下 2019-09-12 19:25

      域名icp备案耗费了足足14天,不过还算顺利,一次性通过了。多次调试,代码也审核通过了,并且已经发布了。谢谢楼主。不过新的问题是:为什么我的小程序在百度app的小程序下搜不到?是不是需要web化?

    • 兵临城下 普通 @ tophigher 2019-09-12 20:40

      博主感觉不管是mip改造还是百度智能小程序,改造后效果都不是立竿见影的,时间越久效果越好;web化,小程序流量配置非常重要,我看大家需求较大,我今天晚上给写一篇流量配置的教程,欢迎持续关注

  • 无锋 2019-10-25 09:40

    网站封装能否只封装网站的某个内页?

  • 可可 2019-10-27 00:42

    博主你好,网站上有调用按钮拨打电话和在线客服,在开发工具上测试可以使用,上传审核就出现不能调用,按钮完全无效,这个要怎么处理?博主

  • 忧郁肚脐 2019-10-28 16:20

    第四步是不是不对,index.js 应该是改app.js吧。最后还要选择全部保存才行

    • 兵临城下 普通 @ 忧郁肚脐 2019-10-28 16:28

      修改index.js哈,我配错图了,我一开始改的app.js,发现不对,改的index.js,图没截

    • 忧郁肚脐 @ 兵临城下 2019-10-28 16:31

      那能换截图吗 index.js应该放在哪一行呢

    • 兵临城下 普通 @ 忧郁肚脐 2019-10-28 16:33

      图片已更新,你看一下把

    • 忧郁肚脐 @ 兵临城下 2019-10-29 11:01

      感谢,请问,1:这种网页生成的小程序,是独立的,还是嵌套显示了网页而已,如果网站服务器关闭,是不是小程序就不显示内容了,2:另外这种方式做的小程序有自己的内页url吗,这种可以和已有h5站关联吗,还需要或者说还可以进行url适配吗,如果不关联不适配,是不是小程序和h5就算是内容重复了,对seo不好?比如格式举例:
      H5:http://example.com/detail?id=1
      小程序路径:/pages/detail/index?id=1
      这组对应关系可以用以下规则描述:
      http://example.com/detail?id=(%5B^&]+)=> pages/detail/index?id=${1}

    • 兵临城下 普通 @ 忧郁肚脐 2019-10-29 11:12

      审核成功之后,你做下绑定熊掌号就行了,封装的不支持sitemap和url映射等,

  • 商务信息网 2019-10-30 11:00

    博主能坚持分享 表示感谢

  • 小星星 2019-11-14 17:21

    这样直接封装的话,那么url适配和sitemap提交是不是都没办法实现,如果这样的话,小程序的内页还会被百度收录吗?

  • 好无聊的我 2019-11-29 15:42

    就想问问tdk是什么啊啊

  • 我很忧伤的 2019-12-05 13:57

    这样打包时能出现但是左上角没有返回键怎么搞?

  • handler 2019-12-11 10:04

    我封装不了,见鬼了

  • 技术部 普通 2021-03-10 11:12

    博主,为什么生成审核版本后浏览二维码打开小程序,站内的外部链接打开提示违规行为,本地测试的时候没有

  • 技术部 普通 2021-03-10 15:04

    博主大神,封装得方法能否发给我学习一下,2923664859

  • 老冀家 2021-05-14 10:23

    发布的时候提示体积过大怎么办?提示调用方错误,主包大小2.74M, 超过上传限制2.00M

    • 兵临城下 普通 @ 老冀家 2021-05-14 10:34

      这个方法太老了,而且非原生小程序,发布后也无法运营,建议制作原生小程序 推荐开源版:https://www.watch-life.net/wordpress-weixin-app,他家也有付费版很优秀

  • 此地无银 2021-07-09 09:40

    主要是sitemap如何提交