魔法秀,让你的 H5 页面秒变 Hybrid APP(混合应用)

简介: 很多时候我们也想要有自己的移动端APP,怎奈还要兼容 iOS、Android 不同平台,开发成本太高,有没有什么捷径可走呢?

原文地址:https://wangfanggang.com/Mobile/native-apex/

引言

很多时候我们也想要有自己的移动端APP,怎奈还要兼容 iOS、Android 不同平台,开发成本太高。昨天刷 twitter,无意中发现一个好玩的网站 https://gonative.io/,输入任意网址,就可以快速帮你创建好可以部署在 iOS 和 Android 平台上的代码(当然不是免费的,价目表在这里),用来测试移动端效果还不错,有类似需求的同学可以关注一下。

配置步骤

整个配置过程非常简单,只需要填你要生成的网址和你的邮箱,点击生成按钮,稍等几分钟,你的邮箱会收到一封邮件,打开里面的地址,就可以在线体验了。

演示效果

我用 apex.oracle.com 上自带的 demo 应用简单尝试了一下,效果很好,感兴趣的小伙伴也可以直接打开这个网址来体验:https://gonative.io/share/jezbmd
username:demo
password:demo

以下是一些截图:

iOS 平台

Android 平台

结尾

原理虽然跟微信小程序 WebView 内嵌 H5 一样,但却能真实地解决客户现实存在的问题,这让那些暂时没有能力开发移动端 APP(原生移动端应用)的公司也可以快速上线自己的移动端应用了。另外,即使不花钱,作为一个快速验证原型的测试平台也是值得一试的。


王方钢 | 智叟网络

相关文章
|
6天前
|
移动开发 前端开发 JavaScript
|
1月前
|
安全 前端开发 网络安全
【Azure App Service】访问App Service应用报错 SSL: WRONG_VERSION_NUMBER(上海蓝云阻断页)
在Azure App Service上部署的应用遇到`SSL: WRONG_VERSION_NUMBER`错误。问题可能由不兼容的TLS版本引起,但即使将最小入站TLS版本改为1.2,问题仍存在。实际原因是上海蓝云的阻断页面,表明网站未完成ICP备案或有安全规定限制。解决方案包括:1) 对App Service绑定自定义域名并进行ICP备案,或2) 使用Application Gateway处理公网请求。在复杂环境中,需仔细排查和适配规则。
88 11
|
12天前
|
移动开发 JavaScript 开发工具
微信浏览器内 h5 直接唤醒 app 之 微信开放标签 wx-open-launch-app
微信浏览器内 h5 直接唤醒 app 之 微信开放标签 wx-open-launch-app
|
1月前
|
存储 移动开发 Android开发
使用kotlin Jetpack Compose框架开发安卓app, webview中h5如何访问手机存储上传文件
在Kotlin和Jetpack Compose中,集成WebView以支持HTML5页面访问手机存储及上传音频文件涉及关键步骤:1) 添加`READ_EXTERNAL_STORAGE`和`WRITE_EXTERNAL_STORAGE`权限,考虑Android 11的分区存储;2) 配置WebView允许JavaScript和文件访问,启用`javaScriptEnabled`、`allowFileAccess`等设置;3) HTML5页面使用`<input type="file">`让用户选择文件,利用File API;
|
1月前
|
机器学习/深度学习 人工智能 文字识别
文本,文字扫描01,OCR文本识别技术展示,一个安卓App,一个简单的设计,文字识别可以应用于人工智能,机器学习,车牌识别,身份证识别,银行卡识别,PaddleOCR+SpringBoot+Andr
文本,文字扫描01,OCR文本识别技术展示,一个安卓App,一个简单的设计,文字识别可以应用于人工智能,机器学习,车牌识别,身份证识别,银行卡识别,PaddleOCR+SpringBoot+Andr
|
2月前
|
移动开发 小程序 开发工具
微信支付的类型分析(JSAPI+APP+H5+NATIVE+付款码+合单)
微信支付的类型分析(JSAPI+APP+H5+NATIVE+付款码+合单)
106 1
|
2月前
|
数据采集 JSON 算法
使用Python爬取华为市场APP应用进行分析
这个网站也是作者最近接触到的一个APP应用市场类网站。讲实话,还是蛮适合新手朋友去动手学习的。毕竟爬虫领域要想进步,还是需要多实战、多分析!该网站中的一些小细节也是能够锻炼分析能力的,也有反爬虫处理。甚至是下载APP的话在Web端是无法拿到APK下载的直链,需要去APP端接口数据获取
|
2月前
|
移动开发 小程序 安全
基础入门-APP架构&小程序&H5+Vue语言&Web封装&原生开发&Flutter
基础入门-APP架构&小程序&H5+Vue语言&Web封装&原生开发&Flutter
|
2月前
|
应用服务中间件 Linux 网络安全
PHP应用部署在App Service for Linux环境中,上传文件大于1MB时,遇见了413 Request Entity Too Large 错误的解决方法
在Azure App Service for Linux上部署的PHP应用遇到上传文件超过1MB时出现413 Request Entity Too Large错误的解决之法
178 0
|
2月前
|
Android开发 Kotlin
kotlin开发安卓应用 如何修改app安装后的名称
在 Android 应用中,要修改安装后的显示名称,需更新 AndroidManifest.xml 文件中 application 标签的 android:label 属性。可直接在该属性内设置新名称,或在 res/values/strings.xml 文件中修改 app_name 并在 manifest 中引用。推荐使用 strings.xml 方式,以便支持多语言和集中管理。
111 0