Web网站一键转「可深度定制的」App

简介: 在本文中,我们将介绍一个骚操作,通过开心App[1]将我们想要转换的网址或者代码包一键转化成可深度定制的专属App,这是送给未涉及安卓开发、IOS开发的小伙伴们的一个福利呀,在此案例中小伙伴们不用吭哧吭哧写代码,会鼠标拖拽就好了。

前言


在本文中,我们将介绍一个骚操作,通过开心App[1]将我们想要转换的网址或者代码包一键转化成可深度定制的专属App,这是送给未涉及安卓开发、IOS开发的小伙伴们的一个福利呀,在此案例中小伙伴们不用吭哧吭哧写代码,会鼠标拖拽就好了。


注册平台账号


微信图片_20220610234843.png

图 1.1 注册平台账号


网址如下:http://www.kxapp.com/


按照上述网址进入官网,并按照要求注册账号,并通过邮箱验证。


进入首页


微信图片_20220610234854.png

图 1.2 进入首页


注册完成之后,进入首页,如上图所示。


我们填入我们想要转换的Web站点的地址,在本案例中,我们特别引入我的个人网站[2],网址如上述图中标红部分所示。


专属App信息定制



01 - App信息页面


点击图1.2 生成App按钮,进入如下图(图1.3)所示页面。


微信图片_20220610234859.png

图 1.3 生成App信息页展示


微信图片_20220610234904.png

图 1.4 基本信息填写



02 - 上传启动图和图标



微信图片_20220610234909.png

图 1.5上传图标和启动图



03 - 插件安装



微信图片_20220610234912.png

图 1.6 选择插件


由于我们在填写App信息的时候(图1.3),所选择的套餐为初级套餐,所以不能使用任何插件,如果小伙伴们想使用插件,请根据情况进行购买。

微信图片_20220610234916.png

图 1.7 套餐选择



04 - 网址或代码的打包



微信图片_20220610234920.png

图 1.8 打包网址或代码


我们根据自身情况选择打包网址还是代码,本案例中,我们打包了网址(需要加上http或https)。如果小伙伴们选择代码打包,请首先下载代码模板并解压,解压之后发现有两个文件夹(www、plugins),我们点击www文件夹,删除代码模板中原有的两个文件,将我们的代码复制到该文件夹内,重新打包并上传。


微信图片_20220610234924.png

图 1.9 下载代码模板



微信图片_20220610234928.png

图 1.10 删除原有文件,并复制自己的代码至www文件夹内


05 - 证书配置



微信图片_20220610234932.png

图 1.11 设置安卓证书



微信图片_20220610234936.png

图 1.12 Android证书配置


IOS证书的配置较为复杂,它需要有苹果开发者账号才能申请,由于我没有使用过任何苹果相关的产品,所以也没有相关账号。


小伙伴中如果有越狱手机,可以直接使用系统IOS证书打包越狱版安装测试。


故IOS证书的配置在此不再赘述。


06 - App打包


我们根据自身的情况选择打包为Android还是IOS


微信图片_20220610234940.png

图 1.13 打包App


07 - 操作成功界面展示


微信图片_20220610234944.png

图 1.14 打包成功界面


08 - 安卓端软件下载及展示


微信图片_20220610234950.png


图 1.15 下载App


打包成功后,我们通过扫描二维码或者点击安卓下载按钮(或苹果下载,具体情况根据自身而定)获取该App的下载文件包。



微信图片_20220610235002.png

图 1.16 效果展示(真机类型:小米8SE)



微信图片_20220610235024.jpg

图 1.17 启动页面展示




微信图片_20220610235034.png

图 1.18 主页面展示


虽然我们没有安装插件,但是由于我的网站本身就有分享、赞赏等功能,所以无伤大雅。


本文总结


在本文中,我们通过第三方工具开心App[1]将我自己的个人网站打包转换成了安卓手机上的一个应用程序(IOS上的操作请各位小伙伴自行根据情况进行操作),小伙伴们学会了吗?快去实现一下吧~


相关文章
|
1月前
|
网络协议 Shell 网络安全
实验目的1.编译安装httpd2.优化路径3.并将鲜花网站上传到web服务器为网页目录4.在客户机访问网站http://www.bdqn.com
实验目的1.编译安装httpd2.优化路径3.并将鲜花网站上传到web服务器为网页目录4.在客户机访问网站http://www.bdqn.com
164 0
|
4月前
|
数据采集 Linux 数据库
Linux高级应用——web网站服务(2)
Linux高级应用——web网站服务(2)
44 0
|
3月前
|
移动开发 小程序 JavaScript
Uniapp 中,能够同时兼容H5、web、app、微信小程序的引入高德地图的语法格式
Uniapp 中,能够同时兼容H5、web、app、微信小程序的引入高德地图的语法格式
|
1月前
|
开发框架 前端开发 JavaScript
推荐5款热门的Web前端开发框架,助你快速构建优秀网站
推荐5款热门的Web前端开发框架,助你快速构建优秀网站
89 1
推荐5款热门的Web前端开发框架,助你快速构建优秀网站
|
1月前
|
Windows
Windows Server 各版本搭建 Web 服务器实现访问本地 Web 网站(03~19)
Windows Server 各版本搭建 Web 服务器实现访问本地 Web 网站(03~19)
57 2
|
3月前
|
数据采集 测试技术 网络安全
阿萨聊测试 ZAP3:如何测试HTTPS的Web网站?
阿萨聊测试 ZAP3:如何测试HTTPS的Web网站?
阿萨聊测试 ZAP3:如何测试HTTPS的Web网站?
|
3月前
|
PHP
HYBBS 表白墙网站PHP程序源码 可封装成APP
HYBBS 表白墙网站PHP程序源码 可封装成APP
34 1
|
3月前
|
Oracle Java 关系型数据库
JSP网站常见的Web服务器是什么
JSP网站常见的Web服务器是什么,JSP网站常见的Web服务器有很多,以下是其中比较常见的几种
61 0
|
3月前
|
Ubuntu 网络协议 Apache
【cpolar】Ubuntu本地快速搭建web小游戏网站,公网用户远程访问
【cpolar】Ubuntu本地快速搭建web小游戏网站,公网用户远程访问
66 0
|
4月前
|
存储 前端开发 Java
基于WEB的电子产品商城网站的设计与实施
基于WEB的电子产品商城网站的设计与实施