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月前
|
Web App开发 前端开发 JavaScript
Web开发者必收藏的10个实用网站,你还没收藏吗?
将这些网站收藏起来,定期访问,使它们成为您日常工作的一部分,助您在快速发展的 Web 开发领域保持领先。
99 2
Web开发者必收藏的10个实用网站,你还没收藏吗?
|
17天前
|
人工智能 搜索推荐 PHP
PHP在Web开发中的璀璨星辰:构建动态网站的幕后英雄###
【10月更文挑战第25天】 本文将带您穿越至PHP的宇宙,揭示其作为Web开发常青树的奥秘。通过生动实例与深入解析,展现PHP如何以简便、高效、灵活的姿态,赋能开发者打造动态交互式网站,同时不忘探讨其在新时代技术浪潮中面临的挑战与机遇,激发对技术创新与应用的无限思考。 ###
24 1
|
18天前
【Azure App Service】PowerShell脚本批量添加IP地址到Web App允许访问IP列表中
Web App取消公网访问后,只允许特定IP能访问Web App。需要写一下段PowerShell脚本,批量添加IP到Web App的允许访问IP列表里!
WK
|
17天前
|
安全 Java 编译器
C++和Java哪个更适合开发web网站
在Web开发领域,C++和Java各具优势。C++以其高性能、低级控制和跨平台性著称,适用于需要高吞吐量和低延迟的场景,如实时交易系统和在线游戏服务器。Java则凭借其跨平台性、丰富的生态系统和强大的安全性,广泛应用于企业级Web开发,如企业管理系统和电子商务平台。选择时需根据项目需求和技术储备综合考虑。
WK
23 0
|
1月前
|
监控 安全 Apache
构建安全的URL重定向策略:确保从Web到App平滑过渡的最佳实践
【10月更文挑战第2天】URL重定向是Web开发中常见的操作,它允许服务器根据请求的URL将用户重定向到另一个URL。然而,如果重定向过程没有得到妥善处理,可能会导致安全漏洞,如开放重定向攻击。因此,确保重定向过程的安全性至关重要。
69 0
|
2月前
仿SOUL社交友附近人婚恋约仿陌陌APP网站源码
仿SOUL社交友附近人婚恋约仿陌陌APP网站源码
51 0
仿SOUL社交友附近人婚恋约仿陌陌APP网站源码
|
3月前
|
关系型数据库 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
|
3月前
|
前端开发 安全 JavaScript
PHP与现代Web开发:探索PHP在构建动态网站中的角色和优势
【8月更文挑战第29天】 在数字时代的浪潮下,PHP以其独特的灵活性、易用性以及强大的社区支持,持续成为Web开发领域的重要力量。本文将深入探讨PHP如何适应现代Web开发的需求,通过具体示例揭示PHP的实际应用,并分析其在面对新兴技术挑战时的应对策略。我们将一探究竟,PHP如何在众多编程语言中脱颖而出,成为许多开发者和企业的首选。
|
3月前
|
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.
|
3月前
|
网络安全
【Azure 应用服务】App Servie网站报403 ModSecurity Action错误
【Azure 应用服务】App Servie网站报403 ModSecurity Action错误