1、在iOS和Android端运行
正如我之前那篇博客Weex开发实践(一)嵌入Weex到你的iOS工程中描述的那样,只需要集成好WeexSDK,编译出js文件即可。
2、Weex运行H5页面
在Terminal中运行weex build web,编译完成后会自动在Weex工程目录下生成release文件夹,打开里面的.html,如果你的工程适配了h5端,那应该可以正常运行起来。
h5端会无法访问网络
这里牵涉了一个跨域问题,产生的原因是本地的127.0.0.1无法访问服务器域名,解决的方式网上有很多,我们可以直接将release文件夹部署在服务器端。
如何传递参数给h5
如果你遇到需要给Weex工程传递参数才能正确访问服务器数据的话,我这里可以帮到你。
将你需要的参数拼接到Url里,例如:
https://yourhost?parameter1=value1¶meter2=value2&...
在weex代码中,我们这样去获取参数
methods: {
GetQueryString: function (key){
var url = window.location.search;// 获取参数
var reg = new RegExp("(^|&)" + key + "=([^&]*)(&|$)");// 正则筛选地址栏
var result = url.substr(1).match(reg);// 匹配目标参数
return result ? decodeURIComponent(result[2]) : null;//返回参数值
},
}
在你需要使用参数的地方:
this.parameterName = this.GetQueryString('parameter');
获取当前URL域名
this.urlDomain = document.location.protocol + '//' + window.location.host;
如何跳转到web页
window.open(url,'_blank');
到此,我所遇见的的Weex H5端运行问题均已整理。