百度云资源
百度云分享资源网站

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

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

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

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

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

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

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

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

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

第一步:前提条件

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

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

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

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

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

 

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

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

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

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

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

 

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

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

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

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

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

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为你自己的

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

 

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

历史上的今天

赞(8)
未经允许不得转载:木木资源博 » 网站改造为百度智能小程序教程,适合所有网站封装
分享到: 更多 (0)
大学生必备,最全互联网精品资源打包下载

评论 30

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
  1. #1

    正需要,谢谢博主

    东来东往 4个月前 (07-20) 来自天朝的朋友 QQ浏览器 Windows 7 回复
    • 兵临城下

      @东来东往 好的,有问题下面留言讨论

      兵临城下 4个月前 (07-20) 来自天朝的朋友 谷歌浏览器 Windows 7 回复
  2. #2

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

    北陆 4个月前 (07-21) 来自天朝的朋友 谷歌浏览器 Windows 7 回复
    • 兵临城下

      @北陆 当然是有的,搜索入口的流量很值钱哦

      兵临城下 4个月前 (07-21) 来自天朝的朋友 谷歌浏览器 Windows 7 回复
  3. #3

    网页嵌入,体验贼垃圾

    跳跳兔 4个月前 (07-21) 来自天朝的朋友 谷歌浏览器 Windows 7 回复
    • 兵临城下

      @跳跳兔 是的,这是网页嵌入的一种形式,也可以单独开发

      兵临城下 4个月前 (07-23) 来自天朝的朋友 谷歌浏览器 Windows 7 回复
  4. #4

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

    熊大大 3个月前 (08-22) 来自天朝的朋友 谷歌浏览器 Windows 10 回复
    • 兵临城下

      @熊大大 这个方法没失效,你的基础库和客户端映射关系没搞好

      兵临城下 3个月前 (08-22) 来自天朝的朋友 谷歌浏览器 Windows 7 回复
      • @兵临城下 感谢回复,我直接百度新建的项目,然后按照文档修改的,自己测试是可以的,审核是这么说的,这个还需要修改哪儿的参数吗。

        熊大大 3个月前 (08-22) 来自天朝的朋友 谷歌浏览器 Windows 10 回复
        • 兵临城下

          @熊大大 说实话,我自从改造完我的一个网站,也没有深究,待我深究后写教程吧哈哈

          兵临城下 3个月前 (08-23) 来自天朝的朋友 谷歌浏览器 Windows 7 回复
  5. #5

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

    tophigher 3个月前 (08-26) 来自天朝的朋友 谷歌浏览器 Mac OS X 10_11_6 回复
    • 兵临城下

      @tophigher 服务器域名配置之后,业务域名也需要在小程序后台添加的

      兵临城下 3个月前 (08-26) 来自天朝的朋友 谷歌浏览器 Windows 7 回复
  6. #6

    @兵临城下,博主好,提交的代码审核不通过,我试了两次,第一次提示“原因:存在进入首页模块,显示无法打开页面【双端】(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 3个月前 (08-27) 来自天朝的朋友 谷歌浏览器 Mac OS X 10_11_6 回复
    • 兵临城下

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

      兵临城下 3个月前 (08-29) 来自天朝的朋友 谷歌浏览器 Windows 7 回复
    • 兵临城下

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

      兵临城下 3个月前 (08-29) 来自天朝的朋友 谷歌浏览器 Windows 7 回复
      • @兵临城下 谢谢博主的回复。开发工具应该是最新版的,这没有问题,我尝试着选择不同的最低版本库,审核都是不通过。每次回复的不支持双端的手机型号都不同。我猜想应该是域名的问题,我的域名还没有备案,因此无法配置业务域名。应该是百度小程序不支持非业务域名跳转的原因。目前正在备案域名,等备案通过后,再配置业务域名后反馈结果。再次感谢。

        tophigher 3个月前 (08-30) 来自天朝的朋友 谷歌浏览器 Mac OS X 10_11_6 回复
        • 兵临城下

          @tophigher 好的

          兵临城下 3个月前 (08-30) 来自天朝的朋友 谷歌浏览器 Windows 7 回复
          • @兵临城下 域名icp备案耗费了足足14天,不过还算顺利,一次性通过了。多次调试,代码也审核通过了,并且已经发布了。谢谢楼主。不过新的问题是:为什么我的小程序在百度app的小程序下搜不到?是不是需要web化?

            tophigher 2个月前 (09-12) 来自天朝的朋友 谷歌浏览器 Mac OS X 10_11_6
          • 兵临城下

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

            兵临城下 2个月前 (09-12) 来自天朝的朋友 谷歌浏览器 Windows 7
  7. #7

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

    无锋 3周前 (10-25) 来自天朝的朋友 谷歌浏览器 Windows 10 回复
    • 兵临城下

      @无锋 不能,你可以做一个单页网站进行封装

      兵临城下 3周前 (10-25) 来自天朝的朋友 谷歌浏览器 Windows 7 回复
  8. #8

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

    可可 3周前 (10-27) 来自天朝的朋友 Safari浏览器 iPhone iPhone OS 10_2_1 like Mac OS X) AppleWebKit 回复
  9. #9

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

    忧郁肚脐 2周前 (10-28) 来自天朝的朋友 QQ浏览器 Windows 10 回复
    • 兵临城下

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

      兵临城下 2周前 (10-28) 来自天朝的朋友 谷歌浏览器 Windows 7 回复
      • @兵临城下 那能换截图吗 index.js应该放在哪一行呢

        忧郁肚脐 2周前 (10-28) 来自天朝的朋友 谷歌浏览器 Windows 10 回复
        • 兵临城下

          @忧郁肚脐 图片已更新,你看一下把

          兵临城下 2周前 (10-28) 来自天朝的朋友 谷歌浏览器 Windows 7 回复
          • @兵临城下 感谢,请问,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}

            忧郁肚脐 2周前 (10-29) 来自天朝的朋友 QQ浏览器 Windows 10
          • 兵临城下

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

            兵临城下 2周前 (10-29) 来自天朝的朋友 谷歌浏览器 Windows 7
  10. #10

    博主能坚持分享 表示感谢

    商务信息网 2周前 (10-30) 来自天朝的朋友 谷歌浏览器 Windows 7 回复