如何把网站打包成微信小程序(如何把网站转成微信小程序)

整个搭建过程大约十分钟就发布上线了,虽然,一直存在一些问题,“页面iframe不支持引用非业务域名”,这是我网站形式造成的。

如何把网站打包成微信小程序(如何把网站转成微信小程序)(1)

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

那么,直接步入正题吧。

看看怎么用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

如何把网站打包成微信小程序(如何把网站转成微信小程序)(2)

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

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

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

如何把网站打包成微信小程序(如何把网站转成微信小程序)(3)

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

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

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

如何把网站打包成微信小程序(如何把网站转成微信小程序)(4)

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

如何把网站打包成微信小程序(如何把网站转成微信小程序)(5)

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

如何把网站打包成微信小程序(如何把网站转成微信小程序)(6)

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

如何把网站打包成微信小程序(如何把网站转成微信小程序)(7)

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

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

如何把网站打包成微信小程序(如何把网站转成微信小程序)(8)

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

如何把网站打包成微信小程序(如何把网站转成微信小程序)(9)

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

如何把网站打包成微信小程序(如何把网站转成微信小程序)(10)

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

如何把网站打包成微信小程序(如何把网站转成微信小程序)(11)

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

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

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

这篇纯教程,没啥资源推荐,最近又补充了点新资源,需要就老地方自取!!

,

免责声明:本文仅代表文章作者的个人观点,与本站无关。其原创性、真实性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容文字的真实性、完整性和原创性本站不作任何保证或承诺,请读者仅作参考,并自行核实相关内容。文章投诉邮箱:anhduc.ph@yahoo.com

    分享
    投诉
    首页