关于RN的配置流程

最新推荐文章于 2024-10-21 18:33:07 发布

taobenshan

最新推荐文章于 2024-10-21 18:33:07 发布

阅读量790

点赞数

文章标签： React-Native 配置过程

本文链接：https://blog.youkuaiyun.com/taobenshan/article/details/52791514

版权

一。下载demo的步骤：

1.先安装两个工具:node-v4.6.0-x64.msi python-2.7.9.amd64.msi

2.在cmd中测试：输入node -v 出来版本号（例：v4.6.0）表示安装成功

3.接着输入：npm install -g react-native-cli 进行安装

4.输入：cd desktop 在cmd中进入桌面

5.输入react-native init 文件名（文件名随便起），等待下载demo

6.在cmd中输入android回车。会出现android SDK Manager
并根据此网址 http://www.52learn.wang/archives/540 中的配置把其中的五个下载完成。

二。环境变量配置的步骤：

自己的sdk目录\platform-tools
自己的sdk目录\sdk\tools
自己的sdk目录\sdk
我的电脑右键属性---点击高级系统设置---点击环境变量--在系统环境变量Path路径
原有的jdk路径后面分别添加上面三个路径，都以英文分号隔开。

等manager中下载完毕以及环境变量配置完成。就可以进行真机的测试

1.先打开一个cmd，输入cd空格直接把创建好的文件拖进来，回车。输入npm start
2.再打开另一个cmd ，输入cd 直接把文件拖进来，回车。输入react-native run-android，回车。等待运行
会先下载gradle-2.4-all.zip

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

taobenshan

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

【React Native】开发环境配置&第一个RN项目

ZhangKui-01的博客

07-04

412

Learn once, write everywhere. 一、环境需求 1.1 安装Homebrew Homebrew是OS X的套件(包)管理器，我们可以通过它获取并且安装很多组件安装方式: ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)" 1....

RN项目结构与初始配置

qq_37899792的博客

10-14

435

项目建议结构初始配置原生配置允许 http(ios 9, android 9 开始，默认只允许 https) manifest 权限检查 runtime permission (android 6) react-native-gesture-handler // 手势组件（react-navigation 必需） react-native-screens // （react-navigation 可选）提升 react-navigation 性能...

参与评论您还未登录，请先登录后发表或查看评论

RN环境配置

小路恢宏随手记

09-02

558

从 https://nodejs.org/en/download/ 下载安装： https://nodejs.org/dist/v6.10.3/node-v6.10.3.pkg sudo npm install -g react-native 项目目录下 npm install 启动node.js服务 npm startxcode运行期间 commd+D 调起node.js菜

RN解决部分文件要使用某个配置时其引用路径比较长

develop_csdn的博客

11-10

651

方案一：babel-plugin-module-resolver 方案二：Facebook 的fbjs 方案一用法：这个插件允许设置一个自定义别名目录，是一个Babel模块解析插件。安装方式：npm install --save-dev babel-plugin-module-resolver 然后配置项目根目录的babel.config.js文件: plugins: [ [ 'module-resolver', ...

RN基本配置

rv0p111

01-12

644

我们如果想要用RN初始化项目的话，我们需要在终端中先进入我们希望进入的文件夹，然后再进入其中进行输入，注意项目名称不要使用中文，这样就会进行初始化，初始化其实就是去网上进行下载。 react-native init 项目名称下载过来的项目结果如下所示，原本以前是 index.android.js 和 index.ios.js 文件而现在改成了 index.js 和 app.js了，其实

探秘React Native发布流程：无缝协作与卓越应用开发

gitblog_00051的博客

06-07

369

探秘React Native发布流程：无缝协作与卓越应用开发去发现同类优质开源项目:https://gitcode.com/ React Native是Facebook推出的一款强大的开源框架，它允许开发者使用JavaScript和React构建原生移动应用程序。为了帮助社区更好地跟踪React Native的更新并参与其中，一个名为react-native-releases的项目应运而生。这个...

RN2026 demo 程序

09-27

综上所述，RN2026 Demo程序是一个全面展示RN2026功能的实例，涵盖了Wi-Fi和BLE连接、API交互、安全配置、电源管理等多个方面，是开发者快速掌握RN2026芯片的关键资源。通过深入学习和实践这个Demo，开发者能够高效地...

rn6752V1_configuration_guide_cn.rar

07-13

8. **应用示例**：包含一些实际应用的代码片段或流程图，帮助快速理解如何将rn6752V1集成到系统中。 9. **兼容性和认证**：可能提及rn6752V1与其他设备的兼容性，以及任何必要的无线法规认证，如FCC、CE等。在...

RN8209C及D初始化及UART通讯参考程序.zip_8209c_RN8209C程序_rn8209c uart程序_rn820

07-13

RN8209C及D初始化及UART通讯参考程序

RN8302应用笔记.doc

06-04

锐能微RN8302/RN7302是一款专用于三相多功能电表设计的高精度计量芯片。这款芯片在电力计量领域具有广泛的应用，因为它提供了完整的硬件设计指导和可靠的软件设计方案，确保了电表的精确度和稳定性。在硬件设计...

RN2890D计量芯片电路参考和代码

05-24

总的来说，RN2890D计量芯片的应用需要深入了解电力系统的工作原理，掌握互感器的使用，熟悉芯片的硬件接口和校准流程，同时还需要具备一定的嵌入式软件开发能力。通过详细研究提供的电路参考和代码，可以深入理解RN...

锐能微 7302最新手册

10-19

锐能微电能计量芯片7302最新手册，提供全波、基波有功电能等计量功能

RN7302 C语言计量参考程序v1.1.rar_7302计量_RN7302计量_lot3do_rn7302

07-13

官方的RN7302计量参考程序，实现了底层通信功能，还有部分校准功能

RN7302 C语言计量参考程序v1.1.zip_RN7302 读电能_rn7302官网_rn7302程序_电能计量表

07-14

国产电能计量芯片，可用于智能电表。是SPI接口，已经在使用

RN7302测试例程

08-10

RN7302例程，已校表，电流互感器采集，淘宝核心板在售。。。

RN7302例程含校表

gitblog_09782的博客

10-21

1126

RN7302例程含校表【下载地址】RN7302例程含校表本仓库提供的是RN7302相关例程，特别适用于那些正在寻求电流互感器数据采集解决方案的开发者。此资源包含了精心校准过的代码，确保了在使用过程中能够得到准确的数据反馈。针对电流互感器的精确采集需求，这一例程无疑是强大且实用的工具 ...

计量芯片 RN7302 使用流程简介（寄存器配置流程）

tiantangmoke的博客

05-15

9866

RN7302用户手册下载地址： https://u20002878.pipipan.com/fs/20002878-374667856 这个芯片使用spi通讯，建议每次进行写寄存器操作的时候，都要先关闭写保护，写完后再打开写保护。关闭写保护（0xe5 是写入数据，0x0180 是写入地址，1是写入字节数） 0xe5 0x0180 1 开启写保护 0xdc 0x0180 1 废话不...

RN 环境搭建教程

qq_32429257的博客

01-20

3006

RN开发环境搭建 mac: 1,安装homebrew/usr/bin/ruby -e "$(curl -fsSL https://cdn.jsdelivr.net/gh/ineo6/homebrew-install/install)" 选择中科大镜像 2,安装nodebrew install node 3,安装yarnnpm install -g yarn iOS模拟器环境搭建 1,安装Xcode官网下载最新版appStore下载最新版React Native 目前需要Xcode 12 或更高版本。你

RN配置使用javascript-obfuscator

最新发布

03-18

<think>嗯，用户问的是如何在React Native中配置使用javascript-obfuscator来混淆代码。首先，我需要确认用户的需求。他们可能想保护自己的React Native应用的代码，防止被反编译或逆向工程。javascript-obfuscator是一个常用的JavaScript代码混淆工具，能在一定程度上增加代码的阅读难度，但需要正确配置才能生效。首先，我应该考虑React Native项目的结构。通常，React Native的代码位于src或app目录下，构建后的文件在android和ios的目录中。混淆应该在构建阶段进行，所以可能需要使用构建工具如Webpack或Metro的配置来集成混淆器。不过，React Native默认使用Metro打包，而Metro的配置可能不像Webpack那样灵活，所以需要查找是否有相关的Metro插件或如何自定义Metro配置。接下来，用户需要安装javascript-obfuscator包。使用npm或yarn安装即可。然后，如何在构建过程中应用这个混淆器呢？可能需要编写一个脚本，在打包完成后对生成的bundle文件进行混淆。或者，在Metro的transformer过程中介入，但Metro的转换流程可能不支持直接插入混淆步骤，所以可能需要自定义一个转换器。另外，混淆配置选项也很重要。用户可能需要调整不同的参数，比如控制流扁平化、字符串加密、标识符混淆等，来平衡混淆强度和性能影响。需要提醒用户，过度的混淆可能影响应用性能，甚至导致应用崩溃，所以建议逐步测试不同配置。还有，针对Android和iOS的不同平台，可能需要不同的处理方式。例如，Android的bundle文件通常是在assets目录下，而iOS可能在main.jsbundle。所以混淆脚本需要针对这两个平台的bundle文件进行处理，并在构建流程中自动执行。另外，需要考虑的是，React Native的Hermes引擎是否会影响混淆。如果用户启用了Hermes，可能需要确认混淆后的代码是否与Hermes兼容，或者是否有额外的配置步骤。可能还需要在项目的package.json中添加脚本命令，比如在build之后执行混淆脚本，或者在bundle命令中加入混淆步骤。例如，修改react-native bundle命令的参数，将输出文件先进行打包再混淆。还要注意，混淆可能会影响调试，所以建议仅在发布版本中使用混淆，开发版本保持原样。同时，混淆并不能完全阻止代码被逆向，但可以增加难度，用户需要了解这一点。总结下来，步骤应该是：安装依赖，配置混淆选项，修改构建脚本以在打包后执行混淆，处理不同平台的bundle文件，测试混淆后的应用是否正常运行，调整混淆配置以平衡安全性和性能。</think>在React Native中配置javascript-obfuscator的步骤如下： ### 一、核心原理 javascript-obfuscator通过代码转换技术实现保护： - 标识符重命名：如将`myFunction`变为`_0x12a4b` - 控制流扁平化：打乱代码执行顺序 - 字符串加密：将字符串转为加密形式 - 死代码注入：插入无效逻辑干扰分析 ### 二、具体配置步骤 1. **安装依赖** ```bash npm install --save-dev javascript-obfuscator # 或 yarn add -D javascript-obfuscator ``` 2. **创建配置文件** `obfuscate.js` ```javascript const JavaScriptObfuscator = require('javascript-obfuscator'); const obfuscate = (code) => { return JavaScriptObfuscator.obfuscate(code, { compact: true, controlFlowFlattening: true, controlFlowFlatteningThreshold: 0.75, numbersToExpressions: true, simplify: true, stringArrayShuffle: true, splitStrings: true, stringArrayThreshold: 0.75 }).getObfuscatedCode(); }; module.exports = obfuscate; ``` 3. **修改打包脚本**（以iOS为例） ```bash react-native bundle \ --platform ios \ --dev false \ --entry-file index.js \ --bundle-output ios/main.jsbundle \ && node obfuscate.js ios/main.jsbundle ``` ### 三、注意事项 1. **性能平衡** - 推荐配置阈值（如`controlFlowFlatteningThreshold: 0.75`） - 避免同时启用所有优化选项 2. **调试兼容** ```javascript // 开发环境禁用混淆 if (process.env.NODE_ENV === 'production') { applyObfuscation(); } ``` 3. **React Native特殊处理** ```javascript // 需保留的全局变量 reservedNames: ['^_formatMessage', '^react', '^reactNative'] ``` ### 四、验证效果原始代码： ```javascript function calculate(a, b) { return a + b; } ``` 混淆后： ```javascript const _0x12a4b=function(_0x58d3d8,_0x12b7e1){return _0x58d3d8+_0x12b7e1;}; ``` ### 五、进阶方案 1. 结合Metro插件： ```javascript // metro.config.js const obfuscator = require('./obfuscate'); module.exports = { transformer: { minifier: (code) => obfuscator(code) } }; ``` 2. 多阶段混淆： ```javascript // 分两次混淆处理 const stage1 = JavaScriptObfuscator.obfuscate(code, config1); const stage2 = JavaScriptObfuscator.obfuscate(stage1, config2); ``` ### 六、常见问题排查 1. **启动崩溃**：检查保留的全局变量 2. **性能下降**：降低控制流扁平化阈值 3. **热更新失效**：开发环境禁用混淆建议先在小规模模块测试，逐步扩大混淆范围。混淆只是安全策略的一部分，建议配合SSL证书校验、防调试检测等形成完整防护体系。