eros widget is the two encapsulation for eros module.
1.install eros-widget in eros init project.
$ npm i eros-widget -S
2.init widget in appboard js bundle.(default: config/index.js
)
import widget from 'eros-Widget'
const options = {}
new widget(options)
const options = {
router: {
/**
* 路由配置表
*/
routes: {}
},
ajax: {
baseUrl: 'http://app.weex-eros.com:52077',
/**
* 接口别名
*/
apis: {},
// 接口超时时间
timeout: 30000,
/**
* 请求发送统一拦截器 (可选)
* options 你请求传入的所有参数和配置
* next
*/
requestHandler (options, next) {
console.log('request-opts', options)
next()
},
/**
* 请求返回统一拦截器 (可选)
* options 你请求传入的所有参数和配置
* resData 服务器端返回的所有数据
* resolve 请求成功请resolve你得结果,这样请求的.then中的成功回调就能拿到你resolve的数据
* reject 请求成功请resolve你得结果,这样请求的.then中的失败回调就能拿到你reject的数据
*/
responseHandler (options, resData, resolve, reject) {
const { status, errorMsg, data } = resData
if (status !== 200) {
console.log(`invoke error status: ${status}`)
console.log(`invoke error message: ${errorMsg}`)
reject(resData)
} else {
// 自定义请求逻辑
resolve(data)
}
}
}
router.routes
: config $router.open path alias
routes: {
'demo': {
title: 'weex-eros demo',
url: '/pages/demo/index.js'
}
}
apis: {
'COMMON.getInfo': '/test/info/'
}
also you can config dynamic path.
apis: {
'COMMON.getInfo': '/test/info/{plaform}/{id}'
}
and we deliver them in $get/$post params option.
this.$get({
name: 'COMMON.getInfo',
params: {
platform: 'app',
id: 3
},
data: {
name: 'eros'
}
})
finally our request url become :
ajax.baseUrl + /test/info/app/3?name=eros
1.init eros project.
$ eros init
2.cd your project and enter src/js
$ cd eros-demo/src/js
3.clone eros-widget.git.
$ git clone https://github.com/bmfe/eros-widget.git eros-widget
4.add config eros.dev.js
alias option.
"ErosWidget": "js/eros-widget"
5.init widget in appboard js bundle.(default: config/index.js
)
import ErosWidget from 'ErosWidget'
const options = {}
new ErosWidget(options)
welcome your pull request! eros loves you.
- [bugfix] backAppeared 和 beforeBackAppeared 不执行的问题
- [bugfix] pickAndUpload 成功后成功回调进入 error 回调
- [optimize] fetch method GET POST 大小写均可
- [bugfix] $image.upload status code 判断失误
- [optimize] 重写 $bindingx 的引用方法,重写了 bind 方法,支持所有内部暴露出来的方法
- [bugfix] 父子组件同时注册生命周期,执行两次的 bug
- [add] support bindingx.
- [bugfix] beforeAppear 和 beforeBackAppear 另个页面返回或者结束后仍会获取到上次的$router.setBackParams数据的 bug.
- [bugfix] 修复全局事件注册2次的bug
生命周期,自定义事件均做调整,如果不更改,请不要升级到 1.0.1
。
bmRouter
变更为eros
- 添加
pushMessage
,可在页面中监听推送 - 添加
appActive
,可在页面中监听 app 切换到后台事件 - 添加
appDeactive
,可在页面中监听 app 切换至前台事件 viewWillAppear
变更为beforeAppear
,beforeBackAppear,通过打开类型来做区分viewDidAppear
变更为appeared
,backAppeared
,通过打开类型来做区分viewWillDisappear
变更为beforeDisappear
viewDidDisappear
变更为disappeared
- 从模板中抽离 widget 完成