把网站网页直接做成小程序3分钟搞定

这篇具有很好参考价值的文章主要介绍了把网站网页直接做成小程序3分钟搞定。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

现在百度大力发展移动端,所以百度智能小程序有一定的流量优势,还可以进入信息流和贴吧推广,同时还能获得网站快速收录权限,昨天已封装成功,今天跟大家分享把个人网站封装生成百度小程序的方法。

把网站网页直接做成小程序3分钟搞定

一、生成小程序的前提条件

1、百度小程序暂不支持个人开发,所以一定要有企业营业执照认证。

2、网站一定要适应移动端展现,独立手机站或H5(自适应网站)。

3、注册百度小程序帐号,企业主体认证。

4、网站内容正规,无不良信息,页面排版正常,无错乱。

5、官网下载百度小程序开发工具。

6、网站必需部署SSL证书,也就是https://,可申请免费或付费证书。

二、网站封装成百度小程序的步骤

1、打开百度开发者工具,默认新建项目,填入名称、存放目录,APPID在智能小程序官网的URL结尾处可以看到。

把网站网页直接做成小程序3分钟搞定

2、在小程序后台设置业务域名,左侧导航--》开发管理--》设置--》开发设置--》业务域名。

把网站网页直接做成小程序3分钟搞定

3、在小程序开发工具中修改两处文件。在新建项目后,开发工具会自动生成代码包,我们要修改pages/index/index.json 和 pages/index/index.swan 这两个文件。

把网站网页直接做成小程序3分钟搞定

在pages/index/index.json中修改小程序名称,代码如下:

{
"navigationBarTitleText": "你自己的小程序名字"
}

在pages/index/index.swan中,将里面的代码全部替换为以下代码:

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

三、完成最后配置,修改小程序文件 index.js,一些SEO信息。

把网站网页直接做成小程序3分钟搞定

按照上图箭头指示位置,将以下代码插入,TKD修改成你自己的网站信息:

onShow(options) {
  swan.setPageInfo({
  title: '你的网站标题',
  keywords: '你的网站关键词',
  description: '你的网站描述',
  likes: '75',
  comments: '13',
  collects: '23',
  shares: '8',
  followers: '35',
  success: function () {
  console.log('setPageInfo success');
   }
   })
   },

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

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

到了这里,关于把网站网页直接做成小程序3分钟搞定的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • C语言编程练习(经过确定分钟后,计算现在的时间)

    题目是在某大学教育平台上听的一道题,但是没有答案。自己琢磨的 题目大概意思:现在是11:20,经过110分钟,是几点几分? 首先贴上老师的解题思路:   解题思路:首先将目前时间 11:20分为两个部分,如何分开两部分? 1. 1120/100=11(c语言两个整数相除 结果是整数);1120%100

    2023年04月24日
    浏览(53)
  • 三分钟完成小程序 uni-app、网站接入chatgpt实现聊天效果

    1.实现后台接口 注册laf云开发账号 https://laf.dev/ 注册一个应用后进入这个页面: 下载依赖 chatgpt 配置apiKey 写send函数 配置你的apiKey 2.uni-app小程序代码中 //封装cloud 发送消息方法 微信小程序中使用 3.实现效果 在这里插入图片描述

    2024年02月11日
    浏览(50)
  • 5分钟搞定验证码

    本效果是利用easy-captcha工具包实现,首先需要添加相关依赖到pom.xml中,代码如下: 验证码格式 easy-captcha验证码工具支持GIF、中文、算术等类型,分别通过下面几个实例对象实现: SpecCaptcha(PNG类型的静态图片验证码) GifCaptcha(Gif类型的图片验证码) ChineseCaptcha(GIF类型中

    2024年02月06日
    浏览(44)
  • EasyExcel 三分钟搞定导入导出

    前言:本文章教你从零开始,三分钟搞定excel单sheet导出、导入、多sheet导出、导入、excel模板导入单个sheet、多个sheet,废话不多说,直接上代码 1.引入依赖 2.工具类-ExcelHandler 3.工具类-ExcelTemplateEnum 4.工具类-UploadDataListener 5.实体类-ExcelVO 6.业务层-ExcelService 7.实现层-ExcelService

    2024年02月15日
    浏览(29)
  • 教你1分钟搞定2小时字幕

    摘要: 本文将介绍如何使用录音文件识别极速版给无字幕视频自动生成字幕。 本文分享自华为云社区《利用录音文件极速版为视频生成字幕》,作者:戈兀。 越来越多的人们使用抖音、B站等视频app,记录、分享日常生活,随之互联网上产生了大量的长、短视频。字幕是影响

    2024年02月06日
    浏览(93)
  • (五分钟搞定)ElasticSearch windows安装

    简介: Elasticsearch 是位于 Elastic Stack 核心的分布式搜索和分析引擎。Logstash 和 Beats 有助于收集、聚合和丰富您的数据并将其存储在 Elasticsearch 中。Kibana 使您能够以交互方式探索、可视化和分享对数据的见解,并管理和监控堆栈。 Elasticsearch 为所有类型的数据提供近乎实时的

    2024年01月16日
    浏览(37)
  • IOS - 5分钟搞定一个APP

    URL拦截,我们可以这样改:

    2024年02月11日
    浏览(45)
  • 五分钟搞定Docker安装ElasticSearch

    项目准备上ElasticSearch,为了后期开发不卡壳只能笨鸟先飞,在整个安装过程中遇到以下三个问题。 Docker安装非常慢 ElasticSearch-Head连接出现跨域 ElasticSearch-Head操作报出406错误码 目前咔咔对Docker的理解还只是个皮毛,对于不了解的东西就要多多使用,使用的多了自然而然也就

    2024年02月03日
    浏览(52)
  • 5分钟搞定docker安装elasticsearch

    一台安装了docker的服务器 1、拉取es镜像 2、创建es所需的目录 3、编辑es配置文件 配置内容: 5、下载分词插件并解压 6、docker启动es 7、安装es可视化界面 由于es没有自己的可视化界面,所以我们需要用docker安装一下elasticsearch-head来可视化 拉取elasticsearch-head 启动elasticsearch-hea

    2024年02月15日
    浏览(38)
  • 无线路由密码破解:只要五分钟搞定

    迅驰密钥五分钟破解法  1、破解软件简介  WinAirCrackPack工具包是一款无线局域网扫描和密钥破解工具,主要包括airodump和aircrack等工具。它可以监视无线网络中传输的数据,收集数据包,并能计算出WEP/WPA密钥。 2、实验环境系统组成  2.1 硬件环境  选用具有WEP和WPA加密功能的

    2024年02月05日
    浏览(33)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包