RN学习（二）——集成CodePush

    上一篇我整理的是安装RN环境以及建立第一个RN项目，也是我初识RN的第一步，为了看相似热更新的效果，我先开始集成的CodePush。

    网上文章都还挺多的，可是我第一次集成的时候就有问题，此次写的时候又鼓捣了半天。。。写的不对的地方，请你们多多指点~~

安装CodePush到本地===在根目录下操做

1. 安装CodePush

npm install -g code-push-cli
复制代码

测试CodePush是否安装成功，可用以下图所示来测。若本地安装，则会显示对应版本号。

2.注册CodePush

code-push register
复制代码

3.登陆CodePush，浏览器会出现token

4.将token 复制粘贴过来。

判断是否登陆成功,可以下所示来测。也可用code-push whoami来查看登陆的帐号。

5. CodePush添加app。

code-push app add RNTest ios react-native
复制代码

RNTest：项目的名称，ios：若是是安卓用android。成功后，以下图所示。

好了,codePush安装完了，并且项目也建立了。这个跟我们平时用的极光、友盟等第三方帐号同样。添加完后，可在appcenter里面看到。

项目里集成CodePush===在项目目录下操做

1. 进入RN项目，添加CodePush。

npm install react-native-code-push --save
复制代码

安装成功后，可在项目以下图路径里找到对应文件。

2. 进入ios文件夹，建立Podfile

将Podfile里面的这个target删掉，不然工程跑不起来。

3. 往Podfile里面添加依赖库react-native-code-push。

react-native link react-native-code-push
复制代码

Podfile以下所示，多一个CodePush

4. 进入ios工程里面，pod install。

cd ios
pod install
复制代码

5.如今run后，Xcode报错以及解决。

将下图Library处删掉。这是RN建立项目的时候，没有pod本身添加进来的

而后手动将下面的添加到Podfile文件中。

# Your 'node_modules' directory is probably in the root of your project,
  # but if not, adjust the `:path` accordingly
  pod 'React', :path => '../node_modules/react-native', :subspecs => [
    'Core',
    'CxxBridge', # Include this for RN >= 0.47
    'DevSupport', # Include this to enable In-App Devmenu if RN >= 0.43
    'RCTText',
    'RCTNetwork',
    'RCTWebSocket', # Needed for debugging
    'RCTAnimation', # Needed for FlatList and animations running on native UI thread
    # Add any other subspecs you want to use in your project
  ]
  # Explicitly include Yoga if you are using RN >= 0.42.0
  pod 'yoga', :path => '../node_modules/react-native/ReactCommon/yoga'

  # Third party deps podspec link
  pod 'DoubleConversion', :podspec => '../node_modules/react-native/third-party-podspecs/DoubleConversion.podspec'
  pod 'glog', :podspec => '../node_modules/react-native/third-party-podspecs/glog.podspec'
  pod 'Folly', :podspec => '../node_modules/react-native/third-party-podspecs/Folly.podspec'
复制代码

如今运行，又报了下方的错误。

莫慌，解决办法以下：

1. 删除图下两个文件package-lock.json和node_modules，而后npm install

2. 删除Podfile.lock和Pods，而后pod install

3. 如今能够了。

吐槽

    这篇我确实想小吐槽一下，多是第一次装的时候，太不熟悉了，彻底一脸慒，还遇到了各类奇葩的问题。各类查资料，询问各位RN大神。如今感受，好像遇到的那些奇葩的问题（当时网上找了好多，试了很差使的）均可以用下面这些来解决，虽然简单粗暴，可是挺好使。

1. 若是本地服务已经起来，以下图所示，那就先结束。或者npm start前先这样：killall -9 node。

2. 删除package-lock.json，删除node_modules，而后npm install
3. 若是很差使，且有Pod的话，删除Podfile.lock和Pods，而后pod install

    OK，这篇就先到这里了~目前我是按我学习的顺序来整理的。下篇整理集成CodePush后APP的展现效果，主要包括Xcode配置、打包上传和app的最终呈现。