前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Web网站一键转「可深度定制的」App

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

作者头像
石璞东
发布2020-05-22 11:53:08
1.6K0
发布2020-05-22 11:53:08
举报
文章被收录于专栏:石璞东 | haha石璞东 | haha

全文字数:1529字

全文配图:18图

全文阅读时间:4分钟

前言

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

注册平台账号

图 1.1 注册平台账号

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

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

进入首页

图 1.2 进入首页

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

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

专属App信息定制

01 - App信息页面

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

图 1.3 生成App信息页展示

图 1.4 基本信息填写

02 - 上传启动图和图标

图 1.5上传图标和启动图

03 - 插件安装

图 1.6 选择插件

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

图 1.7 套餐选择

04 - 网址或代码的打包

图 1.8 打包网址或代码

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

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

图 1.9 下载代码模板

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

05 - 证书配置

图 1.11 设置安卓证书

图 1.12 Android证书配置

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

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

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

06 - App打包

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

图 1.13 打包App

07 - 操作成功界面展示

图 1.14 打包成功界面

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

图 1.15 下载App

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

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

图 1.17 启动页面展示

图 1.18 主页面展示

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

本文总结

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

参考资料

[1]

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

[2]

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

本文参与 腾讯云自媒体分享计划,分享自微信公众号。
原始发表:2020-05-13,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 hahaCoder 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 前言
  • 01 - App信息页面
  • 02 - 上传启动图和图标
  • 03 - 插件安装
  • 04 - 网址或代码的打包
  • 05 - 证书配置
  • 06 - App打包
  • 07 - 操作成功界面展示
  • 08 - 安卓端软件下载及展示
    • 参考资料
    领券
    问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档