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上的操作请各位小伙伴自行根据情况进行操作),小伙伴们学会了吗?快去实现一下吧~


相关文章
|
15天前
仿SOUL社交友附近人婚恋约仿陌陌APP网站源码
仿SOUL社交友附近人婚恋约仿陌陌APP网站源码
31 0
仿SOUL社交友附近人婚恋约仿陌陌APP网站源码
|
27天前
|
关系型数据库 MySQL Linux
【Azure 应用服务】在创建Web App Service的时候,选Linux系统后无法使用Mysql in App
【Azure 应用服务】在创建Web App Service的时候,选Linux系统后无法使用Mysql in App
【Azure 应用服务】在创建Web App Service的时候,选Linux系统后无法使用Mysql in App
|
22天前
|
前端开发 安全 JavaScript
PHP与现代Web开发:探索PHP在构建动态网站中的角色和优势
【8月更文挑战第29天】 在数字时代的浪潮下,PHP以其独特的灵活性、易用性以及强大的社区支持,持续成为Web开发领域的重要力量。本文将深入探讨PHP如何适应现代Web开发的需求,通过具体示例揭示PHP的实际应用,并分析其在面对新兴技术挑战时的应对策略。我们将一探究竟,PHP如何在众多编程语言中脱颖而出,成为许多开发者和企业的首选。
|
26天前
|
Shell PHP Windows
【Azure App Service】Web Job 报错 UNC paths are not supported. Defaulting to Windows directory.
【Azure App Service】Web Job 报错 UNC paths are not supported. Defaulting to Windows directory.
|
26天前
|
网络安全
【Azure 应用服务】App Servie网站报403 ModSecurity Action错误
【Azure 应用服务】App Servie网站报403 ModSecurity Action错误
|
27天前
|
Linux 应用服务中间件 网络安全
【Azure 应用服务】查看App Service for Linux上部署PHP 7.4 和 8.0时,所使用的WEB服务器是什么?
【Azure 应用服务】查看App Service for Linux上部署PHP 7.4 和 8.0时,所使用的WEB服务器是什么?
|
27天前
【Azure 应用服务】通过 Web.config 开启 dotnet 应用的 stdoutLog 日志,查看App Service 产生500错误的原因
【Azure 应用服务】通过 Web.config 开启 dotnet 应用的 stdoutLog 日志,查看App Service 产生500错误的原因
|
27天前
|
Linux Python
【Azure 应用服务】Azure App Service For Linux 上实现 Python Flask Web Socket 项目 Http/Https
【Azure 应用服务】Azure App Service For Linux 上实现 Python Flask Web Socket 项目 Http/Https
|
27天前
|
存储 安全 网络安全
【Azure 环境】使用Azure中的App Service部署Web应用,以Windows为主机系统是否可以启动防病毒,防恶意软件服务呢(Microsoft Antimalware)?
【Azure 环境】使用Azure中的App Service部署Web应用,以Windows为主机系统是否可以启动防病毒,防恶意软件服务呢(Microsoft Antimalware)?
|
27天前
|
存储 Linux 网络安全
【Azure 应用服务】App Service For Linux 如何在 Web 应用实例上住抓取网络日志
【Azure 应用服务】App Service For Linux 如何在 Web 应用实例上住抓取网络日志