cordova 安装ssl证书_cordova环境搭建

{//安装 nodejs (让js能运行于服务端，且集成了npm 包安装工具)

安装 node-v6.2.2-x64.msi //从官网 https://nodejs.org 下载

创建文件 C:\myapp\test.js /* 添加下面内容

var http = require("http");

http.createServer(function(req, res) {

res.writeHead( 200 , {"Content-Type":"text/html"});

res.write("

Node.js

");

res.write("

Hello World

");

res.end("

beyondweb.cn

");

}).listen(3000);

console.log("HTTP server is listening at port 3000.");

*/

运行cmd

> cd C:\myapp\

> node test.js

网页访问http://127.0.0.1:3000 //能访问到说明node 安装成功

}

{//安装 Cordova

> npm config set strict-ssl false

> npm config set registry https://registry.npm.taobao.org//国内被屏蔽，设置代理较快，

> npm install -g cordova@6.0.0 /* 指定版本安装，避免版本不匹配，路径 ：C:\Users\ivan\AppData\Roaming\npm\

版本见 http://cordova.apache.org/news/2016/10/25/tools-release.html

注意选择版本，原因是cordova 和android 有版本匹配问题，如果全部下载到最新没有问题，但是国内被屏蔽了很多，安装很折腾人

选择源，解决速度问题

npm install -g nrm

nrm ls

nrm test 测试所有源速度

nrm use taobao 切换源

> npm install -g cordova 注：如果报错，原因可能是被屏蔽，换个代理 npm config set registry 试试

如报错：

C:\WINDOWS\system32>npm install -g cordova

npm ERR! Windows_NT 10.0.10586

npm ERR! argv "C:\\Program Files\\nodejs\\node.exe" "C:\\Program

npm ERR! node v6.2.2

npm ERR! npm v3.9.5

设置npm config set registry https://registry.npm.taobao.org 后成功

C:\WINDOWS\system32>npm install -g cordova

C:\Users\ivan\AppData\Roaming\npm\cordova -> C:\Users\ivan\AppData\Roaming\npm\node_modules\cordova\bin\cordova

C:\Users\ivan\AppData\Roaming\npm

`-- cordova@6.4.0

+-- cordova-common@1.5.1

| +-- ansi@0.3.1

| +-- bplist-parser@0.1.1

| | `-- big-integer@1.6.16

| +-- cordova-registry-mapper@1.1.15

如果下载有问题，可以指定老板版本的下载 npm install cordova@6.0.0 --save

-g 是安装全局 --save 只当前文件夹内

npm下载好包的见 资料/离线包里的 npm npm_cache (如果网络不好，可以把这些包放到对应的位置)

*/

> cordova -v //查看版本 6.0.0

> cordova create hello //注意不要在中文路径下

> cd hello

> cordova platform add browser /*

报错：Cmd err：

解决方法：

在系统环境变量里 PATH变量后面追加 ;C:\Windows\System32

*/

点击 ChromeStandalone_54.0.2840.71_Setup.exe 安装谷歌浏览器

> cordova run browser

}

{//安装 Android

1. 点击安装 jdk-8u5-windows-x64.exe //安装路径 C:\Program Files\Java\jdk1.8.0_05\ C:\Program Files\Java\jre8\

> java -version //有显示版本信息，表示安装成功

2. 设置环境变量 (win10 控制面板 -> 系统 -> 高级系统设置 -> 环境变量 -> 用户变量里点新建

新建JAVA_HOME变量 C:\Program Files\Java\jdk1.8.0_05\

新建classpath变量 .;%JAVA_HOME%\lib;%‘%\lib\tools.jar

在已有的path后添加 ;%JAVA_HOME%\bin;%JAVA_HOME%\jre\bin

3. 点击安装 android-studio-bundle-141.2422023-windows.exe //android 许多工具存在版本匹配问题，最好选择已集成好的。

//路径 C:\Program Files\Android\Android Studio C:\Users\ivan\AppData\Local\Android\sdk

//注意路径不能有中文字符

点击 Start a new project

选比手机Android 版本低的版本

一路next

连接手机 //注意：电脑的模拟器太慢了

在手机上选USB调试 //如果找不到开发者选项，点关于手机，点版本点多次，就会显示开发者选项，里面有USB调试

回到电脑，点三角按钮运行，Choose a Running device 真机调试 /*注意，版本需比手机Android 版本低

如果没有设备显示，需装手机的驱动(可以用驱动大师)

也可以换一个USB口试试

*/

}

{//设置Cordova支持的平台

> cd hello

> cordova platform ls //查看支持的平台

> cordova platform add android@6.0 --save /*添加对Android平台支持

--save 是安装在本地， -g 是安装全局

@6.0 指定Android版本 这里最好指定和Android Studio对应的版本。规避版本不匹配的问题

报错： Fail to install cordova-plugin-whitelist

解决方法： cordova plugin add cordova-plugin-whitelist@1.0.0

有的下载会中断，重复几次

报错： download gradle 超时。

解决方法： 把离线下载的gradle-2.14-all.zip 放到

C:\Users\XXX\.gradle\wrapper\dists\gradle-2.14.1-all\53l0mv9mggp9q5m2ip574m21oh 目录下即可以了

XXX 是你的用户名

53l0mv9mggp9q5m2ip574m21oh 这串字符要看自己的电脑上生成的

报错： You have not accepted the license agreements of the following SDK components: [Android SDK Build-Tools 24, Android SDK Platform 24].

解决方法： 需Android Studio 安装了对应版本的SDK ,这里下载24版本的(需设置代理才能下载)

打开Android Studio Tools -> SDK Manager -> Http Proxy -> Manu Proxy ->

Host Name 设为： mirrors.neusoft.edu.cn

Port 80

点 Check Connection 测试链接

Android SDK -> Lanuch Standlone SDK Manager

选择对应的 24版本下载 (注意：下载不了时，可以重新连接一下代理，多下载几次就可以了)

下载好的SDK 包在 C:\Users\ivan\AppData\Local\Android\SDK

见离线包 里的sdk(如果网络下载不了，可以把它防止对应的位置)

*/

> cordova build android /*编译生成 android 平台的代码

下载很慢如 https://repo1.maven.org/maven2/org/bouncycastle/bcprov-jdk15on/1.48/

解决方法：

代理，

或离线下载

下载慢，用国内源

> npm install -g cnpm --registry=https://registry.npm.taobao.org

*/

> cordova emulate android /* 模拟器运行 (建议跳过，因性能太差)

报错： HAXM is not working and emulator runs in emulation mode

emulator: The memory needed by this AVD exceeds the max specified in your HAXM configuration.

emulator: AVD RAM size = 1536 MB

emulator: HAXM max RAM size = 512 MB

emulator: You might want to adjust your AVD RAM size and/or HAXM configuration to run in fast virt mode.

模拟器卡在android 字样处。不能进入Android 主界面

解决方法：

需安装HAXM 见 Android Studio Tools -> SDK Manager ->

Android SDK -> Lanuch Standlone SDK Manager

选择 Extras 里的HAXM 安装 ，安装后 (如果不能联网，离线包里有)

点击安装 C:\Users\ivan\AppData\Local\Android\sdk\extras\intel\Hardware_Accelerated_Execution_Manager\intelhaxm-android.exe

重新设置值为和AVD 一致的1536 MB

重启 AVD

*/

用Android Studio 导入该项目(如C:\ivan\cordova_android\hello\platforms\android) /*

报错： Gradle sync failed: Cause:https\://services.gradle.org/distributions gradle-2.14.1-all.zip

原因： 项目需要对应版本的gradle去编译管理项目，

查看我们的gradle。见C:\Users\ivan\.gradle\wrapper\dists\gradle-2.14.1-all\ 是有的

为何还要报错呢？ 我们往下看里面有 53l0mv9mggp9q5m2ip574m21oh 和9ossqmv60fyibylheubs4isy9

9ossqmv60fyibylheubs4isy9里文件是空的，原来，新项目可能会重新产生一个编码。

只要我们把53l0mv9mggp9q5m2ip574m21oh里OK内容拷贝到9ossqmv60fyibylheubs4isy9中，

并且 File->Invalidate and restart 清除缓存重启，就OK了

解决方法2：更改版本检测 (该方法不一定行)

更改

C:\ivan\cordova_android\MyApp\platforms\android\gradle\wrapper\gradle-wrapper.properties

里为已有版本 distributionUrl=https\://services.gradle.org/distributions/gradle-2.8-all.zip

把 .gradle/2.8 考到对应位置

*/

USB接入Android手机，真机运行

}

{//转换到手机上运行实例

准备h5项目源码 如 “项目包”

> cordova create h5prj2 //创建cordova项目，注意其所在路径和文件名不能为中文，否则报错 non-ASCII characters

解压“项目包”命名为www 并替换 h5prj2里的www

指定入口：更改config.xml里的入口程序名index.html 为 05-03-晒单.html

> cordova platform add android@6.0 --save

> cordova build android

用Android Studio 导入该项目:file-new-import project-选择所要倒文件里的android，点ok

USB接入Android手机，点Android Studio 运行按钮，真机运行 //会在手机上看到项目界面

}

}