当前位置:首页 > 原创 > 正文内容

如果快速将手机网页转为微信小程序?

Z先生8年前 (2018-02-03)原创2351

前置条件:

1、认证过的服务号
2、开通HTTPS
3、webview 指向网页的链接。需登录小程序管理后台配置域名白名单。


大概步骤如下:

1、下载微信开发者工具

https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html

2、安装好之后,打开微信开发者工具新建项目,选择项目目录,输入APPID、项目名称,确定

image.png

3、打开app.json文件

将pages项目中多余的代码删除

navigationBarTitleText 项目对应的小程序名字,修改一下。

image.png

保存

4、打开/pages/index/index.wxml文件

将文件中内容清空,粘贴一下代码:

 <web-view src="https://www.yiyongyun.com"></web-view>

image.png

保存


5、调试

保存后

预览区域会出现不支持打开非业务域名https://www.yiyongyun.com,请重新配置

image.png

如果本地调试,只需要打开项目详情,勾选不校验安全域名、web-view域名、TLS版本以及HTTPS证书

image.png

如果线上,就要设置小程序平台配置域名白名单。


6、发布

直接点击上传,根据引导提示一步步操作即可。

image.png



分享给朋友:

相关文章

7zip文件夹自动备份脚本

7zip文件夹自动备份脚本 功能如下: 子文件夹独立备份成文件清理3天前的备份数据排除指定文件(指定子目录还是有问题,排除文件在unback.txt文件中) 主文件: @echo off...

ZBlog Markdown编辑器

# 背景 喜欢Markdown的简洁代码,又喜欢wysiwyg所见即所得,所以在Vditor基础上就产生了《超级Markdown编辑器》 # 特色功能 ## 牛叉的功能 * 兼...

发表评论

访客

◎欢迎参与讨论,请在这里发表您的看法和观点。
请先 登录 再评论,若不是会员请先 注册