JSbox如何添加脚本

一，如何添加脚本

打开JSBox ，所有脚本界面可以看到已经添加的脚本列表，软件内置了多个样本脚本。JSBox 没有提供直接安装js 文件的功能，我们可以

新建脚本：新建一个脚本，编写或者粘贴代码

在线安装：在线安装脚本

脚本安装器安装：使用Inbox 或者JS-File Installer安装脚本

1，新建脚本

假如不会编写脚本，其实可以沿用在Pin 的xTeko实验室里面丰富的脚本扩展。只需要复制脚本代码到剪贴板，然后在JSBox 内新建一个脚本，粘贴所有脚本代码到编辑框内，保存就可以运行使用了。

1、打开JSBox，所有脚本界面可以看到已经添加的脚本列表，软件内置了多个样本脚本。

2、点击右上角的加号按钮，可以新建脚本。

3、在脚本创建成功后就可以运行boxjs的订阅。

腾讯位置服务平台提供获取经纬度的接口

彩云天气申请开发者api调用对应经纬度的天气状况

测试环境选择了自己的iphone上的JSbox来运行一个简单的js脚本:

//简单思路就是 获取ip再获取天气信息

const locationKey = "XXXXXXXXXXXXX"

const weatherKey = "XXXXXXXXXXXX"

const apiList = {

location:"https://apis.map.qq.com/ws"

}

function getLonLat(){

$http.get({

url: `${apiList.location}/location/v1/ip?key=${locationKey}`,

handler: (resp) =>{

let location = resp.data&&resp.data.result&&resp.data.result.location

getLocation(location)

}

})

}

function getLocation(location){

$http.get({

url: `${apiList.location}/geocoder/v1/?key=${locationKey}&location=${location.lat},${location.lng}`,

handler: (resp) =>{

var data = resp.data

$console.info(data.result.formatted_addresses.recommend)

}

})

}

/**

*

* @param {lat:"",lng:""} location

*/

function getWeather(location){

$http.get({

url: `${apiList.weather}/${weatherKey}/${location.lng},${location.lat}/weather.json`,

handler: (resp) =>{

let data = resp.data

console.info(data)

//运行结果参照彩云天气https://open.caiyunapp.com/%E9%80%9A%E7%94%A8%E9%A2%84%E6%8A%A5%E6%8E%A5%E5%8F%A3/v2.5

}

})

}

getLonLat()

2|0顿时醒悟

写到这其实我只是想测试一下两个接口的基本用法以及可用之处，然后突然想到jsbox里面内置的$location可以直接获取到设备的位置信息,通过这样获取到的位置坐标会比ip的更加精准

//根据原生SDK获取手机位置

function getPhoneLoc(){

$location.fetch({

handler: function(resp) {

var lat = resp.lat

var lng = resp.lng

var alt = resp.alt

let loc = {lat:lat,lng:lng}

getLocation(loc)

}

})

}

3|0最后运行结果

---