react native codepush之搭建自己的更新服务器

参考文章-code-push-server

感谢上文作者的辛苦付出

本文简历在已经成功运行 微软 codepush热更新,并且了解codepush 相关指令的基础上。

参考文章-iOS

参考文章-android

简介

code-push-server是一个开源项目,基于 nodejs + mysql 搭建自己的热更新服务器

环境

macOS Sierra 10.12.1

nodejs v4.3.1

mysql 5.6

一、安装mysql(其他环境自行对应mysql安装)

推荐安装 mysql 5.6

mysql 5.6下载地址

一键安装 毫无压力

设置mysql密码

进入mysql安装目录,命令分步执行

cd /usr/local/mysql/bin

./mysql -u root -p  //这一步是登录root用户 回车即可,5.6默人密码为空

修改密码

set password = password('输入你的新密码');  //引号不能省略
启动mysql服务

打开 系统设置,在面板下会出现一个mysql的图标,点击进入并启动即可。

二、本地安装code-push-serve

作者发布了两种安装方式(npm安装或源码安装),在此我推荐使用源码安装,因为后期我们要基于这个服务修改自己的网页,源码安装方便些。

首先进入项目准备安装的目录执行以下命令(如果没有安装git 则可以去git上download下来解压)

git clone https://github.com/lisong/code-push-server.git

clone完毕后执行

cd code-push-server && npm install

修改config/config.js 文件,在 db 对象中添加数据库信息,参考如下配置,对应自己的用户名密码,数据库名称

db: {
    username: "root",	//
    password: "123456",
    database: "codepush",
    host: "127.0.0.1",
    port: 3306,
    dialect: "mysql"
  }

初始化服务,项目根目录(code-push-server)下执行命令

./bin/db init --dbhost localhost --dbuser root --dbpassword #初始化mysql数据库

上述无报错即可进行下一步

三、配置服务器-存储在本地

修改config/config.js

common 对象中的 storageType改为 local

新建文件存储目录 大专栏  react native codepush之搭建自己的更新服务器"highlighter-rouge">datastorage,并修改配置文件

local: {
    //此地址为以上新建的文件夹,自己对应自己的路径
    storageDir: "/Users/luozhong/work/reactNative/server/storage",
    //ip地址改成自己设备对应的ip 这是下载地址
    downloadUrl: "http://192.168.201.113:3000/download"
  }

 common: {
 		//此地址为以上新建的文件夹,自己对应自己的路径
    dataDir: "/Users/luozhong/work/reactNative/server/data",
    storageType: "local"	//选择存储类型,目前支持local和qiniu配置
  }

启动服务

./bin/www	//无报错信息即为正常启动,可以在浏览器中输入 http://127.0.0.1:3000查看,默认用户名密码是 admin 123456

四、项目与服务建立链接

进入reactnative 项目根目录执行命令查看当前是否登录,因为是新服务,所以要先保证没有别的账号正在登录

 code-push whoami

如果报错如下,表示没有登录

[Error]  You are not currently logged in. Run the 'code-push login' command to authenticate with the CodePush server.

如果没有报错 并且显示邮箱账号,则表示已经登录账户,则我们要先注销当前账号

code-push logout

成功注销后执行登录指令,浏览器会自动打开本地服务登录页面,命令行中会提示输入key

code-push login http://localhost:3000

输入账号和密码 admin 123456 登录后点击按钮 获取token 并复制token到命令行中,并回车确认

Successfully logged-in. //提示此表示登录成功

至此我们已经将codepush和我们自建的服务器关联起来了.

五、注册应用

项目根目录下执行

code-push app add Trip-ios	//项目名+iOS/android后缀

六、项目中修改对应的key

查看key

code-push deployment ls Trip-ios

Staging 值修改到对应的iOS或安卓项目中并重新打包安装

七、发布更新

进入项目根目录执行以下命令,表示打包并发布,默认发布在开发环境

 code-push release-react Trip-ios ios

成功后即可打开app验证。

原文地址:https://www.cnblogs.com/wangziqiang123/p/11691001.html

时间: 2024-08-10 12:37:41

react native codepush之搭建自己的更新服务器的相关文章

React Native iOS环境搭建

前段时间React Native for Android发布,感觉React Native会越来越多的公司开始研究.使用.所以周六也抽空搭建了iOS的开发环境,以便以后利用空闲的时间能够学习一下. 废话不多说了,下面简单的列出步骤吧. 1. 安装Homebrew Homebrew主要用于安装后面需要安装的watchman.flow 打开MAC的终端,输入如下命令: ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/i

react native的环境搭建中常见问题

搭建完成android的环境,我们就可以继续我们的react native环境的搭建了. 当然,按照fb的安装流程来完成rn的搭建. http://facebook.github.io/react-native/docs/getting-started.html 1.install python2 一定要安装python2.X.X的版本,切记不要安装pythn3+以上的. 2.rn的安卓sdk要是23.0.1,要不然会报在目录下找不到对应的sdk. 3.在目录下无法找到local.propert

mac 下 react Native android环境搭建

1.参考  上一篇的博客文章 "mac 下 react Native ios环境搭建",前面几步都是必须的,只是,原生客户端不一致 2.Android Studio的安装 A:安装JAVA的SDK 注意:Android Studio需要Java Development Kit [JDK] 1.8或更高版本.你可以在命令行中输入 javac -version来查看你当前安装的JDK版本.如果版本不合要求,可以到 官网上下载 B:除非特别注明,请不要改动安装过程中的选项.比如Android

React Native学习笔记(一)Mac OS X下React Native的环境搭建

本文介绍Mac OS X系统下的React Native环境搭建过程. 1.环境要求: 1) Mac OS X操作系统 2) Xcode6.4或以上版本 3) Node.js4.0或以上版本 4) watchman和flow 2.安装过程 1) Node.js的安装可以在Node.js的官网https://nodejs.org/ 中下载最新的版本.这里下载的是node-v4.4.2.pkg版本.直接双击运行安装就可以了.查看是否安装成功可以在终端中输入如下命令: $node -v 如果能够显示版

Android React Native 开发环境搭建---windows下

环境搭建 环境搭建可以参考RN官网,也可以参考中文版本:http://reactnative.cn/docs/0.45/getting-started.html 如果你希望可以看到原版的安装流程,可以看官方的地址,本文只是我个人的实践,并且仅限于window平台. 官方的地址:https://facebook.github.io/react-native/docs/getting-started.html 1.下载Chocolatey 去官网下载,一般没有问题. 2.Node,python2,j

React Native开发环境搭建

安装Xcode 安装Homebrew 检查是否有警告 安装Android SDK 安装flow和watchman 安装nodejs 安装react-native-cli 安装Genymotion 安装Webstorm 10 创建React Native空项目 使用Webstorm编辑JSX代码文件 在iOS模拟器中运行 在Android模拟器中运行 安装Xcode 从App Store搜索下载.需要Apple Id账号. 安装Homebrew 打开Terminal,执行以下命令即可安装.详情请参

Windows下的 React Native 的环境搭建

感觉react好难QAQ 一.开发环境搭建要求 在Windows操作系统搭建React Native开发环境要求在电脑上安装好JDK,Android SDK,还要求电脑上安装有一套C++编译器,如果没有,推荐安装微软的VIsual Studio Community 2015 二.环境搭建 1.安装JDK(需安装1.8或更高版本) 下载对应你电脑版本的32位或64位JDK,第一次是JDK,第二次是jre,建议安装到同一个文件夹下的不同文件夹中.安装时可以修改安装目录. 2.JDK环境变量配置 (1

react native ts环境搭建

react native编写原生应用,不仅可以编写android,还可以编写ios,使得我们的编程,变得更加的简洁,那其实搭建react native环境是非常简单的,随着互联网的发展,那对于编写的规范也变得更加的严格,比如说,出现的typescript,但是给编程也带来一些麻烦,比如,实现同样一个功能,我们需要写更多的代码,但优点也是很多的 1.使其更易于阅读和调试. 2.为我们提供了ES6(ECMAScript 6)的所有优点,以及更高的工作效率. 3.可以帮助我们避免开发人员通过类型检查代

React Native安装及搭建

注:目标平台为ios,开发平台MacOS 1.环境搭建 详细安装步骤可访问官网 https://reactnative.cn/docs/0.51/getting-started.html 主要需安装以下几个: homebrew node react-native-cil Xcode watchman.flow 原文地址:https://www.cnblogs.com/Jayeblog/p/8440094.html