用web app生成native app的问题

开拓者Amadues 2015-08-12 04:49:57

已经用html和js开发好了一个web app，现在想生成native app（就是能安装的那种，不是在浏览器输入网址访问），一般是用什么工具的？比较主流的。

...全文

105 3 打赏收藏转发到动态举报

写回复

用AI写文章

3 条回复

切换为时间正序

请发表友善的回复…

发表回复

开拓者Amadues 2015-08-12

打赏
举报

http://mobile.51cto.com/android-386448.htm 这个应该很全了。

开拓者Amadues 2015-08-12

打赏
举报

引用 1 楼 u010313768 的回复:

首先你把web app概念弄得不清楚，再者，要生成app,你可以利用android,ios上的webview

就是要生成Hybrid App

small-dragon 2015-08-12

打赏
举报

首先你把web app概念弄得不清楚，再者，要生成app,你可以利用android,ios上的webview

1. 什么是前端移动App开发 2. 市面上常见的App开发方式及优缺点 3. 使用Hbuilder在线生成安卓应用 4. 学会配置ReactNative开发环境 5. 掌握ReactNative打包流程

RWAD-React Native Web App开发使用RWAD生成一个简单的android网络应用。用JavaScript，NodeJS，Java，Python，React Native编写易于构建没有编码知识 :sparkles: 100％建立速度 :sparkles: 特征此操作无需编码知识可以生成APK或捆绑包捆绑包已签名，可以上传到Playstore 用python编写的编译器控制台脚本 React本机后端 RWAD应用程序/库为内置版本应用版本节点JS v15.8.0或更低版本 React 16.11.0 React本机 0.62.2 Java开发套件 8 网页浏览 11.0.3 笑话 24.9.0 手动的您需要在计算机上拥有的所有东西： [nodejs.org]-更好的稳定版本！ [reactnative.dev]-React Native CLI（与EXPO CLI

创建没有构建配置的Universal React Native应用。 npx create-react-native-app 一旦启动并运行Create React Native App，请访问，以获取有关使用React构建移动应用程序的更多信息。产品特点准备在您的设备上构建的本机项目。支持unimodule和自动链接。 OTA更新，并且手势开箱即用。完全支持React Native Web。即插即用自定义模板。与Expo Client应用程序一起使用。用法 npx create-react-native-app创建一个新的本地React应用。 yarn ios （ react-native run-ios ）生成iOS应用（需要MacOS计算机）。 yarn android （ react-native run-android ）生成Android应用程序。 yarn web （ expo start:web ）在浏览器中运行网站。范本默认情况下，您创建一个支持iOS，Android和Web项目。通过选择“来自...的模板”选项，可以选择使用示例

1 简介 1、Native APP（原生） 2、Hybrid APP（混合） 3、React Native Hybrid App按网页语言与程序语言的混合，通常分为三种类型：多View混合型，单View混合型，Web主体型。 2 技术 2.1 技术选型 Ionic 2.1.1 Ionic介绍 Ionic是一款基于Angular、Cordova的强大的HTML5移动应用开发框架，可以快速创建一个跨平台的移动医用。可以快速开发移动APP、移动WEB页面、微信公众平台应用，混合APP WEB页面。 2.1.2 Ionic和cordova、Angular关系 Ionic = cordova + Angular + ionic Css Ionic 是完全基于谷歌的 Angular 框架，在 Angular 基础上面做了一些封装，让我们可以更快速和容易的开发移动的项目。Ionic 调用原生的功能是基于 Cordova,Cordova 提供了使用JavaScript 调用 Native 功能，ionic 自己也封装了一套漂亮的 CSS UI 库。 2.1.3 开发工具 Visual Studio Code 2.1.4 管理工具 Git 2.2 环境搭建 2.2.1 概述 2.2.2 JDK 2.2.2.1 版本 jdk1.8 2.2.2.2 配置 JAVA_HOME PATH CLASSPATH 2.2.3 Apache ant 2.2.3.1 版本 1.9.12 2.2.3.2 解压 2.2.3.3 配置 ANT_HOME: D:\android\apache-ant-1.10.4 Path: %ANT_HOME%\bin 2.2.3.4 查看安装版本 ant –v 2.2.4 android SDK 2.2.4.1 版本 r24.4.1 2.2.4.2 配置 ANDROID_SDK_HOME: D:\Android\android-sdk-windows Path:%ANDROID_SDK_HOME%\platform-tools;%ANDROID_SDK_HOME%\tools 2.2.4.3 SDK 通过SDK Manager下载相关的版本 2.2.4.4 查看信息 android -h 2.2.5 node.js 2.2.5.1 版本 8.11.3 2.2.5.2 安装 2.2.5.3 查看版本 node –v npm -v 2.2.6 npm/cnpm 2.2.6.1 安装npm nodejs已经集成了npm 2.2.6.2 安装 cnpm npm install -g cnpm --registry=https://registry.npm.taobao.org 2.2.7 cordova 2.2.7.1 版本 8.0.0 2.2.7.2 安装 npm install -g cordova 可以使用cnpm代替npm cnpm install -g cordova ionic 2.2.7.3 查看版本 cordova -v 2.2.8 ionic 2.2.8.1 版本 3.20.0 2.2.8.2 安装 npm install –g ionic 可以使用cnpm代替npm cnpm install -g cordova ionic 2.2.8.3 查看版本 ionic –v 2.2.8.4 查看信息 ionic info 3 项目 3.1 创建 3.1.1 新建 3.1.2 启动 3.1.3 打包 3.1.3.1 添加 3.1.3.2 生产release版apk（签名后安装） 3.1.3.3 生成debug版apk 3.1.4 签名 3.1.4.1 生成签名文件 keytool -genkey -v -keystore testapp.keystore -alias testapp.keystore -keyalg RSA -validity 20000 3.1.4.2 apk签名 jarsigner -verbose -keystore testapp.keystore -signedjar app-release-signed.apk app-release-unsigned.apk testapp.keystore 3.1.5 安装安卓手机安装使用

rnw-app-builder 基于react-native-web的android＆iOS＆web应用构建器。目前，该项目是一个UI构建器，能够生成可在Android，iOS和Web上运行的react-native-web兼容代码。尽管这是一个目标，但尚无法进行逻辑构建。特征：每个注册用户有多个项目每个项目多个页面（屏幕）拖放UI元素能够自定义UI元素并立即查看所有更改能够在android＆iOS＆web上预览构建的页面根据内置的UI屏幕生成react-native-web兼容代码建立逻辑的能力在构建自己的UI屏幕时支持全局主题和应用程序变量支持为UI屏幕定义和使用道具在UI屏幕中进行更改时预览自动刷新每个项目有多个用户怎么运行呢？您可以将此应用程序构建器设置为在计算机上本地运行。检查。使用此应用程序构建器的一种更简单的

JavaScript

87,992

社区成员

224,685

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章