三二、混合app开发介绍以及环境配置
2017-05-20 11:36
344 查看
混合app开发
application(应用)
用前端的知识(html,css,js)开发出来手机App的方式就叫做混合App开发
WebApp:跑在手机浏览器中运行的web应用(微信公众号,微信小程序)
NativeApp:用android和Object-C等原生语言开发的应用
HybridApp:就是在Html5网站外面加了一个原生的容器,兼具2者的优势
企业要根据自身的特点进行app开发方式的选择,不要为了混合而混合
混合app开发方式不是银弹,混合app更适合为初创型公司快速占领市场,还有业务型的app更适合用
混合app的开发方式是未来的主流趋势。
原生混合html页面
html页面加原生容器的壳子
Ionic官网 http://ionicframework.com/
Ionic中文网 http://www.ionic.wang/
官网http://www.dcloud.io/
官网地址:http://www.appcan.cn/
RN官网https://facebook.github.io/react-native/
RN中文网http://react-native.cn/
weex官网http://alibaba.github.io/weex/
https://my.oschina.net/u/1416844/blog/796475
https://my.oschina.net/u/1416844/blog/796470
https://my.oschina.net/u/1416844/blog/796474
https://my.oschina.net/u/1416844/blog/759209
所有的开发环境都安装在c盘
所有目录不要出现中文
在百度上搜索“java jdk下载”并安装
配置到全局变量JAVA_HOME中http://jingyan.baidu.com/article/f96699bb8b38e0894e3c1bef.html
node要下载最新的LTS(长期支持版本)版本
npm升级到最新版本
最好是用vs去安装c++环境
在百度搜"git下载”,并安装
配置到全局变量http://jingyan.baidu.com/article/9f7e7ec0b17cac6f2815548d.html
在百度搜"python下载”,并安装
配置到全局变量http://jingyan.baidu.com/article/48206aeafdcf2a216ad6b316.html
android的环境配置有很多种方式,我们选择的是手动安装方式
Android Studio
Eclipse
手动安装
从http://www.androiddevtools.cn/下载android所需要的包
点击installer_r24.3.4-windows进行安装,其他文件只需要解压缩后,放置结构如下图即可。Android项目结构
build-toos有些特殊,文件夹必须是版本号
Android-sdk Platform-tools Tools Build-tools extras 一共有6个东西需要安装
ANDROID_HOME:C:\Program Files\android(有tools文件夹的根目录)
path:%ANDROID_HOME%\tools;%ANDROID_HOME%\platform-tools
在命令窗口输入adb进行检测
混合app开发介绍
application(应用)用前端的知识(html,css,js)开发出来手机App的方式就叫做混合App开发
App开发的三种类型
WebApp:跑在手机浏览器中运行的web应用(微信公众号,微信小程序)NativeApp:用android和Object-C等原生语言开发的应用
HybridApp:就是在Html5网站外面加了一个原生的容器,兼具2者的优势
企业如何选择用那种方式开发产品那?
企业要根据自身的特点进行app开发方式的选择,不要为了混合而混合混合app开发方式不是银弹,混合app更适合为初创型公司快速占领市场,还有业务型的app更适合用
混合app的开发方式是未来的主流趋势。
原生混合html页面
html页面加原生容器的壳子
App开发的一些常见平台
混合App的
Ionic
Ionic官网 http://ionicframework.com/Ionic中文网 http://www.ionic.wang/
Html5+
官网http://www.dcloud.io/
AppCan
官网地址:http://www.appcan.cn/
原生App的
ReactNative
RN官网https://facebook.github.io/react-native/RN中文网http://react-native.cn/
weex
weex官网http://alibaba.github.io/weex/
webApp的
微信公众号
https://my.oschina.net/u/1416844/blog/796475https://my.oschina.net/u/1416844/blog/796470
https://my.oschina.net/u/1416844/blog/796474
微信小程序
https://my.oschina.net/u/1416844/blog/759209
混合app环境安装
注意
所有的开发环境都安装在c盘所有目录不要出现中文
系统环境安装
java环境配置
在百度上搜索“java jdk下载”并安装配置到全局变量JAVA_HOME中http://jingyan.baidu.com/article/f96699bb8b38e0894e3c1bef.html
Node环境配置
node要下载最新的LTS(长期支持版本)版本npm升级到最新版本
npm install npm@latest -g
c++环境配置
最好是用vs去安装c++环境
git环境配置
在百度搜"git下载”,并安装配置到全局变量http://jingyan.baidu.com/article/9f7e7ec0b17cac6f2815548d.html
Python环境配置
在百度搜"python下载”,并安装配置到全局变量http://jingyan.baidu.com/article/48206aeafdcf2a216ad6b316.html
android环境配置
Android ADT(android develop tools)安装
android的环境配置有很多种方式,我们选择的是手动安装方式Android Studio
Eclipse
手动安装
从http://www.androiddevtools.cn/下载android所需要的包
点击installer_r24.3.4-windows进行安装,其他文件只需要解压缩后,放置结构如下图即可。Android项目结构
build-toos有些特殊,文件夹必须是版本号
Android-sdk Platform-tools Tools Build-tools extras 一共有6个东西需要安装
Android环境变量配置
ANDROID_HOME:C:\Program Files\android(有tools文件夹的根目录)path:%ANDROID_HOME%\tools;%ANDROID_HOME%\platform-tools
在命令窗口输入adb进行检测
混合app快速开始
下载项目并打包
相关文章推荐
- Android 开发:(一)安卓开发环境搭建与配置 (Windows和Mac )以及目录结构介绍
- 1 kinect for windows(k4w) sdk介绍与环境配置以及k4w开发的一些学习资料
- Python虚拟环境配置 ,主要介绍 pyenv 、 virtualenv 以及 Python的开发环境
- ionic 开发APP 安装配置详解以及 cordova 环境配置详细过程
- 开发一个控制硬件的安卓app(1)——背景介绍+环境配置
- AIR2.0入门教程:新特性介绍以及开发环境的配置
- andriod开发 1:android在Linux下的环境配置以及编译设置介绍
- Ubuntu 10.04 安装配置LAMP以及php开发环境 Eclipse PDT的安装
- J2ME3.0/2.2 混合开发环境配置问题记录
- Silverlight开发环境配置介绍
- Ubuntu 10.04 安装配置LAMP以及php开发环境 Eclipse PDT的安装
- hadoop环境配置(1)--总体软件需要介绍,以及fedora安装注意事项
- win7配置 android 开发以及环境变量的配置
- Maven环境下测试库和开发库的配置策略以及支持工具
- 最新Silverlight开发环境配置介绍
- PhoneGap+jQm webapp本地化(1)--环境搭建以及资源介绍
- WP8开发环境配置 以及 如何知道自己的CPU支持SLAT
- perl环境配置以及Eclipse安装perl开发插件
- 搭建Windows系统下php开发环境有很多种方式,比如LAMP的配置、php IDE和调试工具的选择等等。根据每个人喜好不同有很多配置方式。这里主要介绍的是利用XAMPP集成安装和配置apache、