当前位置:首页 > 原创

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

Z先生9年前 (2018-02-03)原创2605

前置条件:

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



分享给朋友:

相关文章

开始使用vsCode

开始使用vsCode,这里收集整理自己用的插件和配置文件。…

7zip文件夹自动备份脚本

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

ZBlog Markdown编辑器

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

Windows11 使用优化

Windows11 使用优化

1. 使用传统右键菜单管理员运行命令行执行以下命令:reg.exe add "HKCU\Software\Classes\CLSID\{86ca1aa0-34aa-4e8…

Edge浏览器优化

Edge浏览器优化

1. 强制使用显卡渲染,Google浏览器通用,减少内存占用打开Edge浏览器,地址栏输入edge://flags/,Google浏览器输入chrome://flags,打开实验室功能,找到Choos…

发表评论

访客

◎欢迎参与讨论,请在这里发表您的看法和观点。