网页转微信小程序超详细图文教程

更新时间:2022-02-08 16:21

准备工具

电脑、个人小程序( 点我申请 )、微信开发者工具( 下载直链 , 下载页面 )、备案域名(必备)、ssl证书(必备)

准备开发

  • 登录小程序公众平台后台( 传送门 )
    扫码选择刚注册的小程序登录

图片[1] - 网页转微信小程序超详细图文教程 - 尘心网

  • 创建微信小程序项目
  • 复制的AppId粘贴进去,其他选项就按照我这个来。

图片[2] - 网页转微信小程序超详细图文教程 - 尘心网

图片[3] - 网页转微信小程序超详细图文教程 - 尘心网
创建好之后的样子

这个页面里的内容全删了

图片[4] - 网页转微信小程序超详细图文教程 - 尘心网

在这个页面重新写入代码

<view>
  <web-view src="这里填写网址,必须是:http(s)://网址/ 格式"></web-view>
</view>

效果

图片[5] - 网页转微信小程序超详细图文教程 - 尘心网

修改默认标题

图片[6] - 网页转微信小程序超详细图文教程 - 尘心网

这样小程序默认打开就会加载这个标题,等网站彻底载入之后才会显示网站的标题。

文档下载:网页转微信小程序.doc文档

THE END
喜欢就支持一下吧