一行代码将你网站封装成微信小程序?

徐伟轩

现在微信小程序用户量巨大,几乎你分享美团优惠券、出去吃饭等场景都会用到。
小程序这么火爆,那么咱试问网站能否快速转化为微信小程序?
还真可以,一行代码就可以将你的网站封装成微信小程序了!

第一步

注册微信小程序账号并登陆,点击菜单栏 “开发” 中的“开发设置”,
在微信公众平台 → 开发管理 → 开发设置 → 服务器域名(填写你网站的网址)
将网站的域名按格式新增到 “服务器域名” 中。

  • 要注意:如博客启用 CDN,也需要加入其中。

第二步

在小程序平台下载官方微信开发者工具,下载安装后,登陆并新建一个空白项目。

第三步

打开新建项目 index 文件夹中的 index.wxml,如下图一样加入域名,点击编译测试。
一般情况下你的网站就会原封不动的出现了。

(响应式网站,在这边还是比较吃香的,优势很明显!)
打开app.json文件,pages项只保留 “pages/index/index” 这一行即可,其他的去掉。
window项的navigationBarTitleText,就填写你小程序发名称。

第四步

测试的时候,如果出错或者无法编译,要注意:
点详情 → 本地设置 → 勾选【不校验合法域名】来进行测试,防止在本地测试的适合看不到效果。

在开发者工具中,点击上传提交小程序包,等待微信官方团队审核后上线。

最后

没咯。

没错,结束了,就这么几步,就完事儿啦。
就算你不用懂任何小程序代码,也可以零基础,几分钟搞个小程序!
当然了,这其实就是浏览器加载加个壳,不过名义上说起来也是个微信小程序。

升华

如果是百度小程序、抖音小程序呢?大家也可以参考试试。

 

网站做成app

而如果是做成app,也可以通过一行代码实现嘛?
大家请往下看:
无需安装任何应用,只用一行代码将网页打包成桌面app我寻找了数款能够将 Web 转换成 Mac app 的工具,但在体验之后都发现会有这样那样的小问题,有一些甚至无法工作或是生产的 app 无法打开。
直到我发现了它 — nativefier

安装 nativefier

nativefier 是一个基于 Electron 的命令行工具,完全开源,没有 UI 界面,且无需安装任何 app,只需要通过一行简单的代码,就可以轻松地将任何 Web 页面打包成可以在桌面运行的 app,并且支持在Windows,Mac 甚至是 Linux 系统上运行。
P.S. 作者是一位在 Google 工作的软件工程师,似乎是一位华人。
使用 nativefier 的过程非常简单,但需要提前准备一些东西。这里我以 macOS 作为演示,其它平台大同小异,可以参考网上的其它教程。

首先,我们需要安装 Node.js。你可以通过到 Node.js 的官方网站下载之后进行安装,但我这里更推荐使用 Homebrew,这样就可以在一个终端 app 里搞定全部的事情。
如果你还没有安装 Homebrew,可以通过下面这一条命令在终端进行安装。
/usr/bin/ruby -e “$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)”安装好 Homebrew,就可以安装 Node.js 了。在终端内输入:
brew install node
如果因为某些网络原因安装缓慢,可以试试换成国内的镜像源。跑完进度后,可以在终端中输入 node -v 和 npm -v,测试一下版本,出现版本号即说明安装成功。
有了 Node.js,我们就可以来安装 nativefier 本体了。同样是在终端,输入下面的命令:
npm install nativefier -g
如果提示权限不足,可以试试在前面加上 sudo:
sudo npm install nativefier -g
搞定。接下来,我们就用 nativefier 来制作一个 app。

使用

最简单的使用方法,只需要用 nativefier 加上一个你需要转换成的网站地址就可以了。例如:
nativefier “https://www.letus.top”
第一次运行会下载 Eletron 框架,可能会慢一些。
命令执行完毕后,会生成一个大小在 120 – 150M 左右的,名为「 —darwin-x64」的文件夹。如果你没有更改运行地址,那么会默认出现在你的个人文件夹中。
点击进入文件夹内,就能看到刚刚制作好的 app 了。将这个 app 拖入到应用程序文件夹中,它就会出现在 Lanchpad 里咯。

好了,今天的文章流水账咯,希望会对大家有所启发和帮助。
部分内容转载自互联网。

评论
本条评论,由Ai智能生成
换语言
中文
русский
English
Deutsch
Français
Српски
Español
Malaysia
한국어
日本語
Tiếng Việt
ไทย