如何把网站转成微信小程序?其实就是这么简单
gaoyangw 2024-11-04 13:00 24 浏览 0 评论
整个搭建过程大约十分钟就发布上线了，虽然，一直存在一些问题，“页面iframe不支持引用非业务域名”，这是我网站形式造成的。
如果你是企业站或比较纯粹的博客站等，没有外部链接，那么，这个方法很适用。
那么，直接步入正题吧。
看看怎么用10分钟就把自己网站转换成微信小程序。
操作步骤：
1、申请SSL证书，转https（不会的看下文，如果你用的是宝塔更简单，此文未介绍）。
网站防篡改全站http转https完整流程
https://mp.weixin.qq.com/s?__biz=MzU4ODM5MDkyMg==&mid=2247484609&idx=1&sn=6f1baa81167e08037508a62b05e47764&chksm=fddc33a4caabbab214150f70ea1400317e4dbb4c9864dc1c2735c863cafe25b1e931cecdcd15&scene=21#wechat_redirect
2、申请注册小程序账号（此方法，个人注册小程序不行，必须企业或组织的）
不会注册的，注册流程看这里。
https://jingyan.baidu.com/article/295430f13472ee4d7e0050e4.html
个人版后台无此“业务域名”配置功能
在绑定“业务域名”时需上传文件验证，所以登录好服务器后台或ftp工具。
3、小程序后台配置好“服务器域名”及“业务域名”
4、下载微信开发者工具，找不到的看这里
https://jingyan.baidu.com/article/54b6b9c0d7ec6c6c583b47e4.html
5、安装好之后，打开微信开发者工具，选择小程序项目。点击管理项目+号增加小程序。
6、桌面随便新建个文件夹，小程序开发工具，选择空白文件夹，并输入AppID，不要使用云服务，点击新建即可。
7、打开app.json文件，修改第9行“ ”内文字为自己小程序名称，之后保存。
8、打开路径/pages/index/index.wxml文件，清空内容。
9、将下面代码粘贴进去，修改为自己的域名，之后保存，可见左侧网站已显示出来。
<web-view src="https://www.zhibushi.com"></web-view>
10、之后直接点击上传即可。
ps:上传之前可以先真机调试检查下是否有如我这样的问题。
11、最后，回到公众号服务平台提交审核即可，审核通过即可提交上线。
前面也说了，我的是因为网站性质的问题，所以会不断跳出“不支持非业务域名”，一般的企业站等不会有外部域名，也就不会出现这种问题，当然，换了友链之类也会弹出提醒。
当时做这个小程序，也是我第一次接触小程序。本来只是拿来练手，只是希望能把网站转成小程序，也能方便搜索访问下载资源，但每打开一个页面就要关闭下提醒的确有点烦。
后续也做过几个不同类型的小程序，更熟悉了小程序的搭建，但上面的问题却一直没找到方法解决。除非网站重建或者重建小程序，但那样就不是我当建站的本意了。
这篇纯教程，没啥资源推荐，最近又补充了点新资源，需要就老地方自取！！
相关推荐
- Chrome43正式版发布 新增海量应用扩展
-
2015-07-0809:26:10作者：刘菲菲谷歌Chrome浏览器一向被大家称为“版本帝”，原因就是更新频率相当高。最近，Chrome又发布了新版，版本号为v43.0.2357.132。本次更...
- 软网推荐:快速下载需要的谷歌浏览器扩展
-
谷歌浏览器现在已经不是一个单纯的网页浏览器，而更加像是一个管理操作平台，因为它的很多功能都是通过功能扩展来实现的。但是通常我们要想访问谷歌的扩展商店非常的麻烦，所以就需要寻求其他的解决方法。第三方扩展...
- 谷歌预告3项Chrome浏览器改进，提高管理标签页效率
-
IT之家9月11日消息，谷歌公司昨日（9月10日）发布新闻稿，宣布为iOS和安卓版Chrome浏览器引入3项改进，从而帮助用户提高管理标签页效率。1.在iOS上体验标签页...
- 谷歌发布Chrome浏览器更新，修复密码消失问题:持续18个小时
-
IT之家7月27日消息，谷歌发布Chrome浏览器更新，修复了存在于密码管理器中的错误，该错误导致Chrome用户密码消失18个小时。Chrome用户反馈更新到版本127.0....
- 谷歌浏览器Chrome 38.0.2125.101稳定版下载
-
IT之家（www.ithome.com）：谷歌浏览器Chrome38.0.2125.101稳定版下载今天，谷歌浏览器团队带来最新版Chrome稳定版更新。具体版本号为38.0.2125.101，该版...
- 谷歌浏览器8年后首换新LOGO，变了又好像没变
-
近日，ChromeCanary版浏览器（开发者专用的每日构建版）在新版中首次更新了浏览器图标，意味着这个新的图标很快将开始出现在各位用户的设备上了。...
- 谷歌浏览器，居然被山寨了（谷歌浏览器可靠吗）
-
大家看看下面两张Logo，光看图标你能分辨出来哪个是假的Chrome，哪个是真的吗？...
- 谷歌浏览器Chrome 45.0.2454.93稳定版下载
-
IT之家讯谷歌Chrome浏览器更新至45.0.2454.93稳定版。谷歌官方并没有给出更新日志，因此本次更新重点在于小范围问题修复。Chrome浏览器用户可下载并且更新至该版本。Chrome45...
- 微软推出的新版Edge浏览器，让我抛弃用了5年的谷歌
-
随着新版Edge浏览器的发布，这个微软的亲儿子以崭新的面貌和大家见面啦。这次更新可谓是好评如潮，相比浏览器届的老大哥——谷歌浏览器，它少了些臃肿，但又多了一些独特的功能。今天，我就为大家介绍8...
- 谷歌Chrome浏览器安卓版将支持Material You设计版地址栏
-
IT之家1月26日消息，Google的MaterialYou主题在Android上提供了一致的配色方案。谷歌现在正在为Android上的谷歌Chrome浏览器的地址栏提供...
- 你想要的功能，Edge浏览器都有（你想要的功能,edge浏览器都有哪些）
-
2020年之前，如果有求推荐一款好用的浏览器，那谷歌Chrome浏览器一定是最好的选择，现在却不一定了。今年一月份，微软正式推出了基于谷歌Chromium内核的MicrosoftEdge浏览器，它继...
- 谷歌浏览器Chrome更新:图标再变动，版号来到100
-
经过十多年的更新，谷歌浏览器GoogleChrome终于迎来了“100”的版本号，并在近日于Windows、Mac、iOS和安卓等多个平台正式上线。尽管是很有象征性意义的版本号更新，但它这一...
- 不再桌面端独占，谷歌Chrome浏览器安卓版将迎来任务管理器
-
IT之家10月4日消息，谷歌Chrome浏览器即将为Android用户带来一项备受期待的功能——任务管理器。虽然Chrome浏览器在桌面端已经具备了任务管理器的功能，但移动端一...
- 安卓版谷歌Chrome浏览器测试新面板，方便用户管理跨设备标签页
-
IT之家8月30日消息，科技媒体mspoweruser昨日（8月29日）发布博文，报道称Canary频道最新安卓版谷歌Chrome浏览器正测试新特性，为跨设备标签页添加了一个...
- 谷歌浏览器，网站页面禁用右键功能，如何解决?
-
进入浏览器开发者工具点击谷歌浏览器右上角三个点，选择【更多工具】——【开发者工具】找到“代码段”【源代码/来源】——【>>】——【代码段】...
欢迎 你 发表评论:
- 一周热门
- 最近发表
- 标签列表
-
- 网站建设 (107)
- 百度收录 (50)
- 搜索引擎排名优化 (49)
- 关键词优化工具 (51)
- 外贸网站建设 (56)
- seo整站优化吧 (50)
- 苏州网站建设 (59)
- 百度搜索推广 (61)
- 关键词优化公司 (51)
- 广州网站建设 (48)
- 电商网站建设 (49)
- 百度站长平台 (48)
- 网站模板 (51)
- 厦门网站建设 (52)
- 百度快照推广 (51)
- 免费网页在线客服系统 (53)
- 雷神代刷网站推广 (53)
- 手机网站建设 (53)
- 网站维护 (53)
- 网页制作教程 (66)
- 百度收录批量查询工具 (48)
- 网站服务器 (53)
- 学生个人网页制作html (56)
- 一键优化 (67)
- 网页制作软件 (49)