网站转成微信小程序教程

[查看百度是否已收录此帖]

微信 微信 426 人阅读 | 0 人回复

三哥 发表于 2021-6-1 03:04:52 来自手机 | 显示全部楼层 |阅读模式

【如何把网站转成微信小程序?其实就是这么简单_手机搜狐网】https://m.sohu.com/a/446173895_400014

如果你是企业站或比较纯粹的博客站等,没有外部链接,那么,这个方法很适用。那么,直接步入正题吧。

看看怎么用10分钟就把自己网站转换成微信小程序。

操作步骤:

1、申请SSL证书,转https(不会的看下文,如果你用的是宝塔更简单,此文未介绍)

2、申请注册小程序账号(此方法,个人注册小程序不行,必须企业或组织的)

不会注册的,注册流程看这里。

https://jingyan.baidu.com/article/295430f13472ee4d7e0050e4.html

仙杰笔记 网站转成微信小程序教程  微信 b562a76e26f74695a70cbd32cda0bdd6

个人版后台无此“业务域名”配置功能


在绑定“业务域名”时需上传文件验证,所以登录好服务器后台或ftp工具。

3、小程序后台配置好“服务器域名”及“业务域名”

仙杰笔记 网站转成微信小程序教程  微信 1f8c87396af84febbd946c4bf0418a97

4、下载微信开发者工具,找不到的看这里

https://jingyan.baidu.com/article/54b6b9c0d7ec6c6c583b47e4.html

5、安装好之后,打开微信开发者工具,选择小程序项目。点击管理项目+号增加小程序。

仙杰笔记 网站转成微信小程序教程  微信 5093003e3471496cba5b4dd545570177

6、桌面随便新建个文件夹,小程序开发工具,选择空白文件夹,并输入AppID,不要使用云服务,点击新建即可。

仙杰笔记 网站转成微信小程序教程  微信 cc088d4326274851a94133c246a8d6a5

7、打开app.json文件,修改第9行“ ”内文字为自己小程序名称,之后保存。

仙杰笔记 网站转成微信小程序教程  微信 3fe33a8be59847128f594844d9a2d470

8、打开路径/pages/index/index.wxml文件,清空内容。

仙杰笔记 网站转成微信小程序教程  微信 303a02089c2b429bbfb7c08cf8b7b721

9、将下面代码粘贴进去,修改为自己的域名,之后保存,可见左侧网站已显示出来。


<web-view src="https://域名"></web-view>

仙杰笔记 网站转成微信小程序教程  微信 e69d1dbafb6340dc84b77c543225a5e1

10、之后直接点击上传即可。

仙杰笔记 网站转成微信小程序教程  微信 a0ddce50f51c49a59478c1736bb45142

ps:上传之前可以先真机调试检查下是否有如我这样的问题。

仙杰笔记 网站转成微信小程序教程  微信 4d9bb91abde84136a1158e3df5372cc9

11、最后,回到公众号服务平台提交审核即可,审核通过即可提交上线。

仙杰笔记 网站转成微信小程序教程  微信 b3a98f48bf2442da9e78490c3f38f010

前面也说了,我的是因为网站性质的问题,所以会不断跳出“不支持非业务域名”,一般的企业站等不会有外部域名,也就不会出现这种问题,当然,换了友链之类也会弹出提醒。

当时做这个小程序,也是我第一次接触小程序。本来只是拿来练手,只是希望能把网站转成小程序,也能方便搜索访问下载资源,但每打开一个页面就要关闭下提醒的确有点烦。

后续也做过几个不同类型的小程序,更熟悉了小程序的搭建,但上面的问题却一直没找到方法解决。除非网站重建或者重建小程序,但那样就不是我当建站的本意了。



您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

H5手机支付、当面付、易支付、码支付、微信H5跳转支付网站支付api对接。通道搭建QQ 263029129

仙杰笔记站长微信号