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

全文字数:1529字

全文配图:18图

全文阅读时间:4分钟

前言

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

注册平台账号

Web网站一键转「可深度定制的」App_第1张图片

图 1.1 注册平台账号

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

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

进入首页

Web网站一键转「可深度定制的」App_第2张图片

图 1.2 进入首页

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

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

专属App信息定制

01 - App信息页面

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

Web网站一键转「可深度定制的」App_第3张图片

图 1.3 生成App信息页展示

Web网站一键转「可深度定制的」App_第4张图片

图 1.4 基本信息填写

02 - 上传启动图和图标

Web网站一键转「可深度定制的」App_第5张图片

图 1.5上传图标和启动图

03 - 插件安装

Web网站一键转「可深度定制的」App_第6张图片

图 1.6 选择插件

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

Web网站一键转「可深度定制的」App_第7张图片

图 1.7 套餐选择

04 - 网址或代码的打包

Web网站一键转「可深度定制的」App_第8张图片

图 1.8 打包网址或代码

我们根据自身情况选择打包网址还是代码,本案例中,我们打包了网址(需要加上http或https)。

如果小伙伴们选择代码打包,请首先下载代码模板并解压,解压之后发现有两个文件夹(www、plugins),我们点击www文件夹,删除代码模板中原有的两个文件,将我们的代码复制到该文件夹内,重新打包并上传。

Web网站一键转「可深度定制的」App_第9张图片

图 1.9 下载代码模板

Web网站一键转「可深度定制的」App_第10张图片

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

05 - 证书配置

Web网站一键转「可深度定制的」App_第11张图片

图 1.11 设置安卓证书

Web网站一键转「可深度定制的」App_第12张图片

图 1.12 Android证书配置

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

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

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

06 - App打包

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

Web网站一键转「可深度定制的」App_第13张图片

图 1.13 打包App

07 - 操作成功界面展示

Web网站一键转「可深度定制的」App_第14张图片

图 1.14 打包成功界面 

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

Web网站一键转「可深度定制的」App_第15张图片

图 1.15 下载App

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

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

Web网站一键转「可深度定制的」App_第16张图片

图 1.17 启动页面展示

Web网站一键转「可深度定制的」App_第17张图片

图 1.18 主页面展示

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

本文总结

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

参考资料

[1]

【开心App】官网地址: http://www.kxapp.com/

[2]

【个人网站】官网地址: http://www.shipudong.com/

- End -

 往期推荐 

????

数据结构与算法系列

  1. 数据结构与算法-1 :旋转图像

  2. 数据结构与算法 -2 :罗马数字与整数的相互转换

  3. 数据结构与算法 -3 :复原IP地址

毕业设计系列

  1. TensorFlow环境搭建

  2. 毕业设计(基于TensorFlow的深度学习与研究)之文献翻译篇

  3. 毕业设计(基于TensorFlow的深度学习与研究)之核心篇CNN-AlexNet详解

  4. 毕业设计(基于Tensorflow的深度研究与实现)之番外篇

  5. 毕业设计(基于TensorFlow的深度学习与研究)之完结篇

  6. 【东拼西凑】毕业设计之论文查重篇

本站文章搜索推荐

1

长按关注

你可能感兴趣的:(Web网站一键转「可深度定制的」App)