html5+、ReactNative、Weex、Ionic之间的区别、(配置java、python、Android环境)、ReactNative(react-native-cli)、yarn、Weex
html5+、ReactNative、Weex、Ionic之间的区别:
html5+和Ionic: 在开发原理上基本相同,都是需要先开发出一个完整的网站,再通过html5+或Ionic提供的打包技术对网站进行打包成移动app,它们实际还是一个网站,并非原生app。
ReactNative和Weex : 在开发原理上基本一样,它们不再开发出一个网站,而是一个模板, 这个模板只是一个半成品,不能被运行在浏览器或移动设备上,想要正常运行,那么就得通过ReactNative或Weex提供的命令行打包命令进行打包成原生的Java或oc代码,注意这里得到的是原生性质的移动app;它们不需要将源代码推送第三方打包处理,只需要在本地配置相关打包环境,是比较安全的,因此也是实际开发中推荐使用的。
本地移动App开发环境配置:
配置java环境:
下载安装Java jdk : 推荐官网下载,其官网:http://www.oracle.com/,具体步骤如下:
1.进入官网首页后点击Products下面的Java,如图:
2.点击Java后在弹出的页面右上角点击Download Java,如图:
3.点击download java后,在弹出的页面点击如图所示位置(强调一下:官方要求使用java SE 8版本):
4.点击jdk download后在弹出的页面底部,找到对应自己电脑系统的文件下载,(这里使用windows介绍),如图:
5.当点击上面下载时,可能会要求勾选协议,勾选后继续下载,当下载完成后将文件剪切到C盘中F文件夹下Javajdk文件夹中(推荐放到C盘下,文件夹命名自定义即可),如图:
6.双击打开下载好的javajdk程序,并点下一步,如图:
7.在弹出的弹框中继续点击下一步(不建议修改默认安装路径,且之前文件夹命名不能为中文),如图:
8.当安装完成后点击关闭即可,如图:
特别提醒:新版本java jdk中没有包含jre,此时可以以管理员权限打开终端并切换到jdk-16.0.1目录下后键入:bin\jlink.exe --module-path jmods --add-modules java.desktop --output jre 回车即可安装jre,如图:
9.配置Java jdk环境变量,具体步骤如下:
配置path:给系统变量path中添加:%JAVA_HOME%\bin和%JAVA_HOME%\jre\bin如图:
新增CLASSPATH系统变量,值为:.;%JAVA_HOME%\lib\dt.jar;%JAVA_HOME%\lib\tools.jar;,如图:
10.配置完环境变量后,继续一路确定点击回去后,在终端键入:javac 回车,如果看到以下表示配置成功,如图:
配置Node.js环境:
Node.js环境在前面已经做过介绍且配置过,如果没有配置且不熟悉配置,可阅读:https://blog.csdn.net/weixin_46758988/article/details/117109297
确保C++环境:
系统一般默认自带C++环境,后面如果报错可手动安装visual studio中的C++环境。
配置Git环境:
关于Git的安装前面也已经介绍过了,如果没有安装且不熟悉Git可阅读:https://blog.csdn.net/weixin_46758988/article/details/116986403
配置Python环境:
1.进入Python官网:https://www.python.org/,进行下载python-3.9.5-amd64.exe文件(版本可不同),如图:
2.将下载好的python-3.9.5-amd64.exe应用剪切到C盘下F文件夹python中(推荐放到C盘下),双击后在弹出弹框中单击install now,如图:
3.在弹出的弹框中选择如下图方框单击后关闭此程序即可,如:
4.在终端输入py查看python是否安装成功,如出现如下所示则表示安装成功,如图:
配置Android环境:
1.进入网址:https://developer.android.google.cn/在首页点击 下载Android Studio,如图:
2.在弹出的新页面点击如图所示:
3.勾选用户协议后点击下载适合自己电脑系统的应用,如:
4.将下载好的程序放到C盘F目录下(建议C盘下,目录自定义),之后双击在弹出的选框中继续点击Next,如图:
5.继续Next,如图:
6.建议修改路径后点击Next,如图:
注意:这里可能会要求安装在一个空的文件夹中,因此文件夹中如果有文件,需要从新新建一个文件进行安装,这里新建为:androidfile(自定义),之后继续安装。
7.在弹出的选框中默认即可,直接点击install,如:
8.当进度条完成时,点击Next,此时会弹出一个询问是否启动程序的选择,可选可不选,选择则会进入程序,初次安装建议勾选了解一下,之后点击Finish,如:
9.如果要启动程序还会弹出弹框,不导入设置即可,如图:
10.接下来会配置代理等,如果不知道相关配置可忽略,之后选择插件进行下载,最终可以看到如下页面则表示成功,如图:
安卓配置注意项:
官方对版本有要求,不能使最新版本,具体如下:
1.点击finish,确保:SDK、Platform、Virtual Device存在。
2.官方要求目前安卓支持Android 10 (Q)版本的 SDK,在android studio中config配置下SDK Manager下Android SDK中找对应的Android 10 (Q)版本下载配置即可。
3.同样对ReactNative版本也是有要求的,官方要求React Native 所必须的29.0.2版本,其配置方法是:在SDK Tools中找到对应的29.0.2版本的Android SDK Build-Tools安装即可。
4.在SDK Tools选项卡,点击NDK (Side by side),找到20.1.5948944版本进行安装。
注意:在安装上面配置时,可以一次性选中相关配置,最后点击:Apply一次性下载安装。
5.配置android环境变量(路径大概如下)如图:
6.将一些工具path配置到环境变量中(%ANDROID_HOME%\platform-tools;%ANDROID_HOME%\emulator;%ANDROID_HOME%\tools;%ANDROID_HOME%\tools\bin),如:
安装ReactNative(react-native-cli)和yarn:
1.在终端输入:npm install yarn react-native-cli -g 全局安装。
2.yarn默认也是从国外服务器下载包的,如果想要用淘宝镜像,则执行以下命令:
yarn config set registry https://registry.npm.taobao.org --globalyarn config set disturl https://npm.taobao.org/dist --global
通过react-native-cli打包一个原生移动app:
通过上面开发环境的配置,下面将介绍如何用react-native-cli打包一个原生移动app,其具体步骤如下:
1.在终端输入:react-native init mytestreact 初始化一个名为mytestreact的项目。2.当终端显示依赖安装完成后,继续键入:npx react-native run-android3.当显示安装完成时,将mytestreact项目拖到VScode打开,修改App.js中文本部分来测试使用,App.js就是现在页面的主文件4.切换到android目录下,终端继续键入:./gradlew assembleRelease 打一个android的apk安装包5.项目中mytestreact\android\app\build\outputs\apk\release下的apk即是打包后的apk应用。
Weex打包:
1.终端输入:npm install weex-toolkit -g 全局安装:weex-toolkit脚手架2.终端继续键入:weex create mytestweex 初始化一个mytestweex的项目3.终端进入项目mytestweex目录下继续键入:weex platform add android 如果是创建ios则后面android换ios输入4.终端继续键入:npm install 安装依赖5.终端键入:npm run build 构建打包
提示:本文图片等素材来源于网络,若有侵权,请发邮件至邮箱:810665436@qq.com联系笔者删除。
笔者:苦海
html5+、ReactNative、Weex、Ionic之间的区别、(配置java、python、Android环境)、ReactNative(react-native-cli)、yarn、Weex相关推荐
- vscode配置vue3+python开发环境
vscode配置vue3+python开发环境 说明 推荐使用vscodium,没有用户追踪,下载VSCodium-win32-x64.zip,设置采用微软官方扩展源就是vscode了,设置方法如下 ...
- amd cpu不能在cmd环境下运行java代码_如何在Windows10中配置java的JDK环境
今天给大家分享一下如何配置java的JDK环境.操作步骤如下: 1.下载好 jdk 的安装文件,我下载的是 jdk-10.0.1_windows-x64_bin.exe 这个版本的安装文件: 2.使用 ...
- sublime配置java编译运行环境(亲测有效)
sublime配置java编译运行环境(亲测有效) 对Java新手而言用eclipse进行一些简单的Java程序的编译与运行其实是比较麻烦的,也是没有必要的,用VS code的话会有很多warning ...
- 软件_手把手教vscode配置c++,python开发环境
原创:软件_手把手教vscode配置c++,python开发环境 之前主用Python作为项目开发语言,将项目迁移到arm边缘盒子上后发现arm的cpu不给力,软件速度低于预期,所以计划将部分程序改为 ...
- 配置java运行时环境时出现could not find java.dll
因为新出了java9,便早早在本机上装了最新版,但是在部署本机项目到服务器时出现了java运行时不兼容的情况,遂需要在服务器重装java9,想来其兼容性确实不好. 重装过程中出现了该问题,我是按照一般 ...
- Eclipse Eclipseme wtk配置JAVA ME开发环境
Eclipse Eclipseme wtk配置JAVA ME开发环境 lu_ing80h来自[ 2008-11-3 19:53:00 | By: sunny ] Eclipse3.3+Eclips ...
- python的开发环境有哪些系统_Win10下配置机器学习python开发环境
近期计划写一写机器学习微信小程序的开发教程,但微信开发工具只提供了Windows和Mac OS版本,作为一名长期使用Linux系统的开发人员,虽然始终认为Linux系统才是对开发者最友好的,但微信团队 ...
- 批处理bat脚本自动配置java的jdk环境变量
前言 每当更换电脑或者是重装系统之后,都需要重新配置java系统路径.但是又不想每次都去查配置方法,所以写了个脚本自动配置. 脚本内容 @echo off @echo 第一步 输入要设置的JAVA_H ...
- Win10下配置机器学习python开发环境
近期计划写一写机器学习微信小程序的开发教程,但微信开发工具只提供了Windows和Mac OS版本,作为一名长期使用Linux系统的开发人员,虽然始终认为Linux系统才是对开发者最友好的,但微信团队 ...
最新文章
- 在报文摘要算法MD5中,首先要进行明文分组与填充,其中分组时明文报文摘要按照(42)位分组。【答案】C
- php去除最后一位,php字符串怎么去除最后一个字符
- Spring Boot实现一个天气预报系统(一)
- 改进 网站资源探测工具(添加代理)
- uchome 数据库结构 数据库字典
- Java进阶03 IO基础
- decklink linux 驱动下载,Blackmagic Design DeckLink采集卡驱动
- YouTube视频推荐系统
- waitpid status参数介绍
- 2012年8月21日
- idea回到上一个光标位置
- JEECG生成的代码详解
- 计算机学业水平测试初中生操作题,初中学业水平考试信息技术考试操作题常见题型及作答方法...
- 【Excel】工作中会用到的excel操作和技巧
- 计算机勾兑双绝是谁发明,舌尖上的五粮液——记勾兑大师范玉平(图)
- Arduino开发实例-DIY超声波传感器避障机器人
- 华为鸿蒙系统新界面,华为德国申请专利更新 自研操作系统鸿蒙界面曝光
- 困惑已久?上拉电阻下拉电阻详解
- VIEWGOOD(远古)P2P流媒体直播系统的设计与实现
- 工贸企业重大事故隐患判定标准,自2023年5月15日起施行
热门文章
- 整型和浮点型之间的转化
- php 删除整个目录,php 删除整个目录功能实例
- sql 成功率_备考2022年MBA: 如何提高清华、北大MBA提前面试成功率|博雅汇MBA
- foxit phantom pdf 7.3_Jpeg to Pdf Converter 3000批量将图片转为PDF的方法
- mxnet安装(Jetson)
- 现代汉语词典第五版_从现代汉语词典“哀兵必胜”词条说起
- office另存为pdf的加载项_pdf怎么转换成word?打工人必备的丛林法则
- 全国计算机四六级报名时间2015,2015年英语四六级口语考试报名时间:10月25日起...
- python计算程序运行时间
- 位、字,字节与KB的关系