2.2 APP 认证开发
2.2.6 JavaScript SDK 使用说明
操作场景
使用JavaScript语言调用APP认证的API时，您需要先获取SDK，然后新建工程，最后参 考API调用示例调用API。
JavaScript SDK支持Node.js和浏览器两种运行环境。
本章节以IntelliJ IDEA 2018.3.5版本、搭建Node.js开发环境为例介绍。
准备环境
● 已获取API的域名、请求url、请求方法、集成应用的Key和Secret（或客户端的 AppKey和AppSecret）等信息，具体参见认证前准备。
● 浏览器版本为chrome 89.0 或以上版本。
● 获取并安装15.10.0及以上版本的Nodejs安装包，如果未安装，请至Nodejs官方下 载页面下载。
Nodejs安装后，在命令行中，用npm安装“moment”和“moment-timezone”
模块。
npm install moment --save
npm install moment-timezone --save
● 获取并安装2018.3.5或以上版本的IntelliJ IDEA，如果未安装，请至IntelliJ IDEA 官方网站下载。
● 已在IntelliJ IDEA中安装NodeJS插件，如果未安装，请按照图2-29所示安装。
图2-29 安装 NodeJS 插件
获取 SDK
请登录ROMA Connect实例控制台，在“服务集成 APIC > API调用”页面中下载 SDK。解压后目录结构如下：
名称 说明
signer.js SDK代码
node_demo.js Nodejs示例代码
demo.html 浏览器示例代码
demo_require.html 浏览器示例代码（使用require加载）
test.js 测试用例
js\hmac-sha256.js 依赖库
licenses\license-crypto-js 第三方库license文件 licenses\license-node
创建工程
步骤1 打开IntelliJ IDEA，选择菜单“File > New > Project”。
弹出“New Project”对话框。选择“Static Web”，单击“Next”。
图2-30 New Project
步骤2 单击“...”，在弹出的对话框中选择解压后的SDK路径，单击“Finish”。
图2-31 选择解压后的 SDK 路径
步骤3 完成工程创建后，目录结构如下。
图2-32 新建工程的目录结构
● node_demo.js：Nodejs示例代码，请根据实际情况修改参数后使用。具体代码说 明请参考调用API（Node.js）示例。
● demo.html：浏览器示例代码，请根据实际情况修改参数后使用。具体代码说明 请参考调用API（浏览器）示例。
步骤4 单击“Edit Configurations”，弹出“Run/Debug Configurations”对话框。
图2-33 Edit Configurations
步骤5 单击“+”，选择“Node.js”。
图2-34 选择 Node.js
步骤6 “JavaScript file”选择“node_demo.js”，单击“OK”，完成配置。
图2-35 选择 node_demo.js
----结束
调用 API（Node.js）示例
步骤1 在工程中引入signer.js。
var signer = require('./signer') var http = require('http')
步骤2 生成一个新的Signer，填入AppKey和AppSecret。
var sig = new signer.Signer()
sig.Key = "4f5f626b-073f-402f-a1e0-e52171c6100c"
sig.Secret = "******"
步骤3 生成一个Request对象，指定方法名、请求uri和body。
var r = new signer.HttpRequest("POST", "c967a237-cd6c-470e-906f-a8655461897e.apigw.exampleRegion.com/app1?a=1");
r.body = '{"a":1}'
步骤4 给请求添加x-stage头，内容为环境名。如有需要，添加需要签名的其他头域。
r.headers = { "x-stage":"RELEASE" }
步骤5 进行签名，执行此函数会生成请求参数，用于创建http(s)请求，请求参数中添加了用 于签名的X-Sdk-Date头和Authorization头。
var opt = sig.Sign(r)
步骤6 访问API，查看访问结果。如果使用https访问，则将“http.request”改为
“https.request”。
var req=http.request(opt, function(res){
console.log(res.statusCode) res.on("data", function(chunk){
console.log(chunk.toString()) })
})req.on("error",function(err){
console.log(err.message) })req.write(r.body)
req.end()
步骤1 在html中引入signer.js及依赖。
<script src="js/hmac-sha256.js"></script>
<script src="js/moment.min.js"></script>
<script src="js/moment-timezone-with-data.min.js"></script>
<script src='signer.js'></script>
步骤2 进行签名和访问。
var sig = new signer.Signer()
sig.Key = "4f5f626b-073f-402f-a1e0-e52171c6100c"
sig.Secret = "******"
var r= new signer.HttpRequest()
r.host = "c967a237-cd6c-470e-906f-a8655461897e.apigw.exampleRegion.com"
r.method = "POST"
r.uri = "/app1"
r.body = '{"a":1}'
r.query = { "a":"1","b":"2" }
r.headers = { "Content-Type":"application/json" } var opt = sig.Sign(r)
var scheme = "https"
$.ajax({
type: opts.method, data: req.body, processData: false,
url: scheme + "://" + opts.hostname + opts.path, headers: opts.headers,
success: function (data) {
$('#recv').html(resp.responseText) } else {
$('#status').html(resp.state()) }
},
timeout: 1000 });
----结束