一. 直接用官方的WeexDemo,然后找到WeexSDKManager这个类,写入URL既可以,如下:
// 需要渲染的UI界面URL,注意这里url的后缀是.js
url = [NSURL URLWithString:@"http://10.50.62.53:9999/wxTest/index.js"];
@implementation WeexSDKManager
+ (void)setup;
{
NSURL *url = nil;
#if DEBUG
//If you are debugging in device , please change the host to current IP of your computer.
url = [NSURL URLWithString:BUNDLE_URL];
#else
url = [NSURL URLWithString:BUNDLE_URL];
#endif
NSString * entryURL = [[NSBundle mainBundle] objectForInfoDictionaryKey:@"WXEntryBundleURL"];
if (entryURL) {
if ([entryURL hasPrefix:@"http"]) {
url = [NSURL URLWithString:entryURL];
} else {
url = [NSURL URLWithString:[NSString stringWithFormat:@"%@%@",[[NSBundle bundleForClass:self] resourceURL].absoluteString, entryURL]];
}
}
#ifdef UITEST
url = [NSURL URLWithString:UITEST_HOME_URL];
#endif
// 需要渲染的UI界面URL
url = [NSURL URLWithString:@"http://10.50.62.53:9999/wxTest/index.js"];
// url = [NSURL URLWithString:@"http://10.50.62.53:9999/myHelp/index.js"];
[self initWeexSDK];
[self loadCustomContainWithScannerWithUrl:url];
}
二. 用rax写weex的界面,如下
import { createElement, Component } from 'rax';
import View from 'rax-view';
import Text from 'rax-text';
import Button from 'rax-button';
import styles from './app.css';
class APP extends Component {
constructor(props) {
super(props);
this.state = {
timesPressed1: 0,
list: [],
};
}
componentDidMount() {
// alert('请求错误'); // eslint-disable-line
}
handlePress1 = () => {
this.setState({
timesPressed1: this.state.timesPressed1 + 1,
});
alert('弹框测试!!!'); // eslint-disable-line
};
render() {
let textLog1 = '';
if (this.state.timesPressed1 > 1) {
textLog1 = `${this.state.timesPressed1}'x onPress'`;
} else if (this.state.timesPressed1 > 0) {
textLog1 = 'onPress';
}
return (
<View style={styles.body}>
<Text>weexTest</Text>
<View style={styles.container}>
<Text>默认展现</Text>
<Button onPress={this.handlePress1}>Button</Button>
<View style={styles.logBox}>
<Text>
{textLog1}
</Text>
</View>
</View>
</View>
);
}
}
export default APP;
三. 项目跑起来,Xcode--Command+R,界面如下: