http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/f3d58bd0/cn/v-0.10/advanced/integrate-devtools-to-ios.html ---------------------------------------------------------------------- diff --git a/cn/v-0.10/advanced/integrate-devtools-to-ios.html b/cn/v-0.10/advanced/integrate-devtools-to-ios.html deleted file mode 100644 index d34141e..0000000 --- a/cn/v-0.10/advanced/integrate-devtools-to-ios.html +++ /dev/null @@ -1,465 +0,0 @@ -<!DOCTYPE html> -<html> -<head> - <meta charset="utf-8"> - - <title>éæ Devtools å° iOS | Weex</title> - <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> - <meta name="description" content="éæ Devtools å° iOSWeex Devtools è½å¤æ¹ä¾¿è°è¯ Weex 页é¢ï¼ä½æ¤åè½ç¦»ä¸å¼ Native çæ¯æãå¦ä½è®©ä½ ç App ä¹éæ Devtoolsï¼å¨æ¬ç« å°ä¼è¯¦ç»è¯´æ iOS 端å¦ä½æ¥å ¥ Weex Devtoolsã iOS åºç¨æ¥å ¥æ·»å ä¾èµæ¹æ³ä¸ï¼cocoapods ä¾èµå¨å·¥ç¨ç®å½ç podfile æ·»å å¦ä¸ä»£ç source https://github.com/C";> -<meta property="og:type" content="website"> -<meta property="og:title" content="éæ Devtools å° iOS"> -<meta property="og:url" content="https://weex-project.io/cn/v-0.10/advanced/integrate-devtools-to-ios.html";> -<meta property="og:site_name" content="Weex"> -<meta property="og:description" content="éæ Devtools å° iOSWeex Devtools è½å¤æ¹ä¾¿è°è¯ Weex 页é¢ï¼ä½æ¤åè½ç¦»ä¸å¼ Native çæ¯æãå¦ä½è®©ä½ ç App ä¹éæ Devtoolsï¼å¨æ¬ç« å°ä¼è¯¦ç»è¯´æ iOS 端å¦ä½æ¥å ¥ Weex Devtoolsã iOS åºç¨æ¥å ¥æ·»å ä¾èµæ¹æ³ä¸ï¼cocoapods ä¾èµå¨å·¥ç¨ç®å½ç podfile æ·»å å¦ä¸ä»£ç source https://github.com/C";> -<meta property="og:image" content="https://img.alicdn.com/tps/TB1MXjjNXXXXXXlXpXXXXXXXXXX-795-326.png";> -<meta property="og:image" content="https://img.alicdn.com/tps/TB1A518NXXXXXbZXFXXXXXXXXXX-642-154.png";> -<meta property="og:image" content="https://img.alicdn.com/tps/TB1xRHhNXXXXXakXpXXXXXXXXXX-1498-668.png";> -<meta property="og:image" content="https://img.alicdn.com/tps/TB1F8WONXXXXXa_apXXXXXXXXXX-1706-674.png";> -<meta property="og:image" content="https://img.alicdn.com/tps/TB19Yq5NXXXXXXVXVXXXXXXXXXX-343-344.png";> -<meta property="og:image" content="https://img.alicdn.com/tps/TB1vomVNXXXXXcXaXXXXXXXXXXX-2072-1202.png";> -<meta property="og:image" content="https://img.alicdn.com/tps/TB116y0NXXXXXXNaXXXXXXXXXXX-1448-668.png";> -<meta property="og:image" content="https://img.alicdn.com/tps/TB16frmNXXXXXa7XXXXXXXXXXXX-2106-1254.png";> -<meta property="og:updated_time" content="2017-04-28T02:36:21.000Z"> -<meta name="twitter:card" content="summary"> -<meta name="twitter:title" content="éæ Devtools å° iOS"> -<meta name="twitter:description" content="éæ Devtools å° iOSWeex Devtools è½å¤æ¹ä¾¿è°è¯ Weex 页é¢ï¼ä½æ¤åè½ç¦»ä¸å¼ Native çæ¯æãå¦ä½è®©ä½ ç App ä¹éæ Devtoolsï¼å¨æ¬ç« å°ä¼è¯¦ç»è¯´æ iOS 端å¦ä½æ¥å ¥ Weex Devtoolsã iOS åºç¨æ¥å ¥æ·»å ä¾èµæ¹æ³ä¸ï¼cocoapods ä¾èµå¨å·¥ç¨ç®å½ç podfile æ·»å å¦ä¸ä»£ç source https://github.com/C";> -<meta name="twitter:image" content="https://img.alicdn.com/tps/TB1MXjjNXXXXXXlXpXXXXXXXXXX-795-326.png";> - - <link rel="alternate" href="/atom.xml" title="Weex" type="application/atom+xml"> - - - <link rel="icon" href="//gw.alicdn.com/tps/TB1XNqxPXXXXXcSXVXXXXXXXXXX-64-63.png"> - - - <link href="//fonts.googleapis.com/css?family=Source+Code+Pro" rel="stylesheet" type="text/css"> - - <link rel="stylesheet" href="/css/style.css"> - <link rel="stylesheet" href="/css/swiper.min.css"> -</head> - -<body id="advanced" class="lang-cn"> - - <script> - window.PAGE_TYPE = "advanced"; - window.ROOT = "/" - </script> - <header id="header"> - <div class="navbar"> - <a id="logo" href="/cn/"> - <img src="//img.alicdn.com/tps/TB1zBLaPXXXXXXeXXXXXXXXXXXX-121-59.svg" /> - </a> - <div class="main-nav"> - <ul class="links"> - <li><a href="/cn/guide">æç¨</a></li> - <li><a href="/cn/references">æå</a></li> - <li class="dropdown"> - <a href="javascript:;">åè</a> - <ul class="dropdown-menu subnav"> - <li> - <a href="/cn/faq.html">FAQ</a> - </li> - <li> - <a href="/cn/releasenote.html">çæ¬è¯´æ</a> - </li> - </ul> - </li> - <li class="dropdown"> - <a href="javascript:;">å·¥å ·åæå¡</a> - <ul class="dropdown-menu subnav"> - <li> - <a href="/cn/playground.html">Playground</a> - </li> - <li> - <a href="/cn/guide/tools/toolkit.html">Weex-toolkit</a> - </li> - <li> - <a href="http://dotwe.org"; target="_blank">Code Snippets</a> - </li> - <li> - <a href="https://market.dotwe.org"; target="_blank">Market</a> - </li> - </ul> - </li> - </ul> - <ul class="info"> - <li><a href="https://github.com/apache/incubator-weex/"; target="_blank"><span class="btn-github iconfont icon-github"></span></a></li> - </ul> - <ul class="tools"> - <li> - <div class="search"> - <form id="search-form" class="search-form"> <!-- æç´¢æ¡ç¸å ³ --> - <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/> - <span class="iconfont icon-search"></span> - </form> - <div class="results-panel"> - </div> -</div> - </li> - <li> - <div class="dropdown select-lang"> - <a href="javascript:;" class="dropdown-toggle"> - Language - <span class="caret"></span> - </a> - <ul class="dropdown-menu pick-lang"> - <li> - <a href="/v-0.10/advanced/integrate-devtools-to-ios.html" data-lang="en">English</a> - </li> - <li> - <a href="/cn/v-0.10/advanced/integrate-devtools-to-ios.html" data-lang="zh-cn">ä¸æ</a> - </li> - </ul> - </div> - </li> - <!--<li></li>--> - </ul> - </div> - </div> - <div id="mobile-nav"> - <a id="logo" href="/cn/"> - <img src="//img.alicdn.com/tps/TB1zBLaPXXXXXXeXXXXXXXXXXXX-121-59.svg" /> - </a> - <a class="btn-menu"><span class="iconfont icon-nav"></span></a> - </div> -</header> - - <div id="sidebar" class=""> - <div class="sidebar-menu"> - - <ul class="main-nav"> - <li> - <div class="search"> - <form id="search-form" class="search-form"> <!-- æç´¢æ¡ç¸å ³ --> - <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/> - <span class="iconfont icon-search"></span> - </form> - <div class="results-panel"> - </div> -</div> - </li> - <li> - <a class="" href="/cn/guide"> - æç¨ - </a> - </li> - <li> - <a class="" href="/cn/references"> - æå - </a> - </li> - <li> - <a href="/cn/faq.html"> - FAQ - </a> - </li> - <li> - <p>å·¥å ·åæå¡</p> - <ul class="subnav"> - <li> - <a href="/cn/playground.html">Playground</a> - </li> - <li> - <a href="/cn/guide/tools/devtools.html">Devtools</a> - </li> - <li> - <a href="/cn/guide/tools/weexpack.html">Weexpack</a> - </li> - <li> - <a href="http://dotwe.org"; target="_blank">Snippets</a> - </li> - <li> - <a href="https://market.dotwe.org"; target="_blank">Market</a> - </li> - </ul> - </li> - <li> - <a href="https://github.com/apache/incubator-weex/"; target="_blank"> - GitHub - </a> - </li> - </ul> - - <a class="btn-close-sidebar iconfont icon-close"></a> - </div> -</div> - - <div class="article-wrapper page-layout"> - <div class="doc-nav"> - - - -<div class="summary"> - <h2 class="part-title"> - - é«é¶ç¥è¯ - - </h2> - <ul class="doc-summary"> - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - <li> - <h3 class="chapter-title"><a href="/cn/v-0.10/advanced/index.html" class="sidebar-link ">Weex å·¥ä½åç</a></h3> - - </li> - - <li> - <h3 class="chapter-title"><a href="/cn/v-0.10/advanced/how-data-binding-works.html" class="sidebar-link ">æ°æ®ç»å®åç</a></h3> - - </li> - - <li> - <h3 class="chapter-title"><a href="/cn/v-0.10/advanced/create-a-weex-project.html" class="sidebar-link ">å¦ä½å建ä¸ä¸ª Weex 项ç®</a></h3> - - </li> - - <li> - <h3 class="chapter-title"><a href="/cn/v-0.10/advanced/integrate-to-android.html" class="sidebar-link ">éæå° Android</a></h3> - - </li> - - <li> - <h3 class="chapter-title"><a href="/cn/v-0.10/advanced/integrate-to-ios.html" class="sidebar-link ">éæå° iOS</a></h3> - - </li> - - <li> - <h3 class="chapter-title"><a href="/cn/v-0.10/advanced/integrate-to-html5.html" class="sidebar-link ">éæå° web</a></h3> - - </li> - - <li> - <h3 class="chapter-title"><a href="/cn/v-0.10/advanced/customize-a-native-component.html" class="sidebar-link ">èªå®ä¹ native ç»ä»¶</a></h3> - - </li> - - <li> - <h3 class="chapter-title"><a href="/cn/v-0.10/advanced/cuszomize-native-apis.html" class="sidebar-link ">èªå®ä¹ native API</a></h3> - - </li> - - <li> - <h3 class="chapter-title"><a href="/cn/v-0.10/advanced/extend-to-android.html" class="sidebar-link ">Android æ©å±</a></h3> - - </li> - - <li> - <h3 class="chapter-title"><a href="/cn/v-0.10/advanced/extend-to-ios.html" class="sidebar-link ">iOS æ©å±</a></h3> - - </li> - - <li> - <h3 class="chapter-title"><a href="/cn/v-0.10/advanced/extend-to-html5.html" class="sidebar-link ">weex-html5 æ©å±</a></h3> - - </li> - - <li> - <h3 class="chapter-title"><a href="/cn/v-0.10/advanced/integrate-devtools-to-android.html" class="sidebar-link ">éæ Devtools å° Android</a></h3> - - </li> - - <li> - <h3 class="chapter-title"><a href="/cn/v-0.10/advanced/integrate-devtools-to-ios.html" class="sidebar-link current ">éæ Devtools å° iOS</a></h3> - - </li> - - - - </ul> -</div> - </div> - - -<article class="article article-type-advanced"> - <div class="article-entry" itemprop="articleBody"> - <header class="article-header"> - - - <h1 class="article-title" itemprop="name"> - éæ Devtools å° iOS - </h1> - - - <time class="article-date" datetime="2017-04-28T02:36:21.000Z">Updated time: 28/04/2017</time> -</header> - <h1 id="éæ-Devtools-å°-iOS"><a href="#éæ-Devtools-å°-iOS" class="headerlink" title="éæ Devtools å° iOS"></a>éæ Devtools å° iOS</h1><p>Weex Devtools è½å¤æ¹ä¾¿è°è¯ Weex 页é¢ï¼ä½æ¤åè½ç¦»ä¸å¼ Native çæ¯æãå¦ä½è®©ä½ ç App ä¹éæ Devtoolsï¼å¨æ¬ç« å°ä¼è¯¦ç»è¯´æ iOS 端å¦ä½æ¥å ¥ Weex Devtoolsã</p> -<h2 id="iOS-åºç¨æ¥å ¥"><a href="#iOS-åºç¨æ¥å ¥" class="headerlink" title="iOS åºç¨æ¥å ¥"></a>iOS åºç¨æ¥å ¥</h2><h3 id="æ·»å ä¾èµ"><a href="#æ·»å ä¾èµ" class="headerlink" title="æ·»å ä¾èµ"></a>æ·»å ä¾èµ</h3><h4 id="æ¹æ³ä¸ï¼cocoapods-ä¾èµ"><a href="#æ¹æ³ä¸ï¼cocoapods-ä¾èµ" class="headerlink" title="æ¹æ³ä¸ï¼cocoapods ä¾èµ"></a>æ¹æ³ä¸ï¼cocoapods ä¾èµ</h4><p>å¨å·¥ç¨ç®å½ç podfile æ·»å å¦ä¸ä»£ç </p> -<figure class="highlight plain"><table><tr><td class="code"><pre><div class="line">source https://github.com/CocoaPods/Specs.gitï¼</div><div class="line">pod 'WXDevtool', '0.7.0', :configurations => ['Debug']ï¼</div></pre></td></tr></table></figure> -<p>ç®åæå¦ä¸å 个çæ¬ï¼</p> -<p>0.7.0, 0.6.1, 0.1.1, 0.1.0 [master repo]</p> -<hr> -<p>å¯ä»¥éè¿æ´æ°æ¬å° podspec repoï¼pod search æ¥æ¥è¯¢ææ°çæ¬ï¼å¨ podfile æ件添å ä¾èµã</p> -<p><strong><em> æ¨èå¨DEBUG模å¼ä¸ä¾èµã </em></strong></p> -<h4 id="æ¹æ³äºï¼github-æºç ä¾èµ"><a href="#æ¹æ³äºï¼github-æºç ä¾èµ" class="headerlink" title="æ¹æ³äºï¼github æºç ä¾èµ"></a>æ¹æ³äºï¼github æºç ä¾èµ</h4><ol> -<li><p><a href="https://github.com/weexteam/weex-devtool-iOS"; target="_blank" rel="external">æå</a>ææ°çWXDevtool代ç ã</p> -</li> -<li><p>æç §å¦ä¸å¾ç¤ºï¼ç´æ¥æå¨sourceç®å½æºæ件å°ç®æ å·¥ç¨ä¸</p> -<p><img src="https://img.alicdn.com/tps/TB1MXjjNXXXXXXlXpXXXXXXXXXX-795-326.png"; alt="drag"></p> -</li> -<li><p>æç §çº¢æ¡ä¸é ç½®å¾é</p> -<p><img src="https://img.alicdn.com/tps/TB1A518NXXXXXbZXFXXXXXXXXXX-642-154.png"; alt="_"></p> -</li> -</ol> -<p> å¨ç¸å¯¹è¾å¤§çäºèç½Appç åä¸, framework éæåºè¢«å¹¿æ³åºç¨ï¼æ以æ¨è使ç¨æ¹æ³ä¸æ¥å ¥ã</p> -<h3 id="éæåè½"><a href="#éæåè½" class="headerlink" title="éæåè½"></a>éæåè½</h3><p>å¦ææç §æ¹æ³ä¸æ¥å ¥ï¼podfile çæ¹å¼ï¼æ·»å 头æ件å å«ï¼</p> -<figure class="highlight plain"><table><tr><td class="code"><pre><div class="line">#import <TBWXDevtool/WXDevtool.h></div></pre></td></tr></table></figure> -<p>å¦ææç §æ¹æ³äºæ¥å ¥ï¼æºç ä¾èµçæ¹å¼ï¼æ·»å 头æ件å å«ï¼</p> -<figure class="highlight plain"><table><tr><td class="code"><pre><div class="line">#import "WXDevtool.h"</div><div class="line">``` </div><div class="line"></div><div class="line">æ¥ç WXDevtool 头æ件å¦ä¸ï¼</div><div class="line"> </div><div class="line">```object-c</div><div class="line">#import <Foundation/Foundation.h></div><div class="line"></div><div class="line">@interface WXDevTool : NSObject</div><div class="line">/**</div><div class="line">* set debug status</div><div class="line">* @param isDebug : YES:open debug model and inspect model;</div><div class="line">* default is NO,if isDebug is NO, open inspect only;</div><div class="line">* */</div><div class="line">+ (void)setDebug:(BOOL)isDebug;</div><div class="line"></div><div class="line"></div><div class="line">/**</div><div class="line">* get debug status</div><div class="line">* */ </div><div class="line">+ (BOOL)isDebug;</div><div class="line"></div><div class=" line"></div><div class="line">/**</div><div class="line">* launch weex debug</div><div class="line">* @param url : ws://ip:port/debugProxy/native, ip and port is your devtool server address</div><div class="line">* eg:@"ws://30.30.29.242:8088/debugProxy/native"</div><div class="line">* */</div><div class="line">+ (void)launchDevToolDebugWithUrl:(NSString *)url;</div><div class="line"></div><div class="line">@end</div><div class="line">``` </div><div class="line"></div><div class="line">`setDebug`ï¼åæ°ä¸º `YES` æ¶ï¼ç´æ¥å¼å¯ debug 模å¼ï¼åä¹å ³éï¼ä½¿ç¨åºæ¯å¦ä¸æè¿°</div><div class="line"></div><div class="line">å¨ä½ èªå·±çç¨åºä¸æ·»å å¦ä¸ä»£ç ï¼</div><div class="line"></div><div class="line">```object-c </div><div class="line">[WXDevTool launchDevToolDebugWithUrl:@"ws://30.30.31.7:8088/debugProxy/native"];</div></pre></td></tr></table></figure> -<p>å ¶ä¸ç ws å°åæ£æ¯ Weex debug æ§å¶å°ä¸åºç°çå°åï¼ç´æ¥ copy å° <code>launchDevToolDebugWithUrl</code> æ¥å£ä¸ã</p> -<p>å¦æç¨åºä¸å¯å¨å°±å¼å¯ Weex è°è¯ï¼<strong>éè¦å¨ WeexSDK å¼æåå§åä¹å</strong>æ·»å 代ç ï¼</p> -<figure class="highlight plain"><table><tr><td class="code"><pre><div class="line">[WXDevTool setDebug:YES];</div><div class="line">[WXDevTool launchDevToolDebugWithUrl:@"ws://30.30.31.7:8088/debugProxy/native"];</div></pre></td></tr></table></figure> -<h4 id="éå 页é¢å·æ°åè½"><a href="#éå 页é¢å·æ°åè½" class="headerlink" title="éå 页é¢å·æ°åè½"></a>éå 页é¢å·æ°åè½</h4><ul> -<li><p>为ä»ä¹éè¦é¡µé¢å·æ°åè½ï¼</p> -<p>å¦ä¸å¾æ示ï¼å½ç¹å» debug æé®æ¶ï¼js çè¿è¡ç¯å¢ä¼ä»ææºç«¯ï¼JavaScriptCoreï¼åæ¢å° Chromeï¼V8ï¼ï¼è¿æ¶éè¦éæ°åå§å Weex ç¯å¢ï¼éæ°æ¸²æ页é¢ã页é¢æ¸²ææ¯éè¦æ¥å ¥æ¹å¨èªå·±ç页é¢æ·»å ã</p> -<p><img src="https://img.alicdn.com/tps/TB1xRHhNXXXXXakXpXXXXXXXXXX-1498-668.png"; alt="_debug"></p> -</li> -<li><p>ä»ä¹åºæ¯ä¸éè¦æ·»å 页é¢å·æ°åè½? </p> -<ul> -<li>ç¹å» debug æé®è°è¯</li> -<li>åæ¢ RemoteDebug å¼å ³</li> -<li>å·æ° Chrome 页é¢ï¼command+Rï¼</li> -</ul> -</li> -<li><p>å¦ä½æ·»å å·æ° </p> -<p>å¨ Weex 页é¢åå§åæ <code>viewDidLoad</code> æ¹æ³æ¶æ·»å 注åéç¥ï¼ä¸¾ä¾å¦ä¸ï¼</p> -<figure class="highlight plain"><table><tr><td class="code"><pre><div class="line">[[NSNotificationCenter defaultCenter] addObserver:self selector:notificationRefreshInstance: name:@"RefreshInstance" object:nil];</div></pre></td></tr></table></figure> -</li> -</ul> -<p> æå<strong>åä¸è®°å¾</strong>å¨ <code>dealloc</code> æ¹æ³ä¸åæ¶éç¥ï¼å¦ä¸æ示</p> - <figure class="highlight plain"><table><tr><td class="code"><pre><div class="line">- (void)dealloc</div><div class="line">{</div><div class="line"> [[NSNotificationCenter defaultCenter] removeObserver:self];</div><div class="line">}</div></pre></td></tr></table></figure> -<p> 页é¢å·æ°å®ç°ï¼å éæ¯å½å instanceï¼ç¶åéæ°å建 instanceï¼ä¸¾ä¾å¦ä¸:</p> - <figure class="highlight plain"><table><tr><td class="code"><pre><div class="line"> - (void)render</div><div class="line"> {</div><div class="line"> CGFloat width = self.view.frame.size.width;</div><div class="line"> [_instance destroyInstance];</div><div class="line"> _instance = [[WXSDKInstance alloc] init];</div><div class="line"> _instance.viewController = self;</div><div class="line"> _instance.frame = CGRectMake(self.view.frame.size.width-width, 0, width, _weexHeight);</div><div class="line"> </div><div class="line"> __weak typeof(self) weakSelf = self;</div><div class="line"> _instance.onCreate = ^(UIView *view) {</div><div class="line"> [weakSelf.weexView removeFromSuperview];</div><div class="line"> weakSelf.weexView = view;</div><div class="line"> [weakSelf.view addSubview:weakSelf.weexView];</div><div class="line"> UIAccessibilityPostNotification(UIAccessibilityScreenChangedNotification, weakSelf.weexView); </div><div class="line"> };</div><div class="line"> _instance.onFailed = ^(NSError *error) {</div><div class="line"> </div><div class="line"> };</div><div class="line"> </div><div class="line"> _instance.renderFinish = ^(UIView *view) {</div><div class="line"> [weakSelf updateInstanceState:WeexInstanceAppear];</div><div class="line"> };</div><div class="line"> </div><div class="line"> _instance.updateFinish = ^(UIView *view) {</div><div class="line"> };</div><div class="line"> if (!self.url) {</div><div class="line"> return;</div><div class="line"> }</div><div class="line"> NSURL *URL = [self testURL: [self.url absoluteString]];</div><div class="line"> NSString *randomURL = [NSString stringWithFormat:@"%@?random=%d",URL.absoluteString,arc4random()];</div><div class="line"> [_instance renderWithURL:[NSURL URLWithString:randomURL] options:@{@"bundleUrl": URL.absoluteString} data:nil];</div><div class="line">}</div></pre></td></tr></table></figure> -<p>å ·ä½å®ç°å¯åè <a href="https://github.com/weexteam/weex-devtool-iOS/blob/master/Devtools/playground/WeexDemo/WXDemoViewController.m"; target="_blank" rel="external">playground</a> <code>WXDemoViewController.m</code> æ件</p> -<p><em>说æï¼ç®åçæ¬éè¦æ³¨åçéç¥å称为åºå®ç âRefreshInstanceâï¼ä¸ä¸ªçæ¬ä¼æ·»å ç¨æ·èªå®ä¹ name ã</em></p> -<h2 id="使ç¨"><a href="#使ç¨" class="headerlink" title="使ç¨"></a>使ç¨</h2><p>å¦ææªå®è£ Debugger Serverï¼å¨å½ä»¤è¡æ§è¡ <code>npm install -g weex-toolkit</code> æ¢å¯ä»¥å®è£ è°è¯æå¡å¨ï¼è¿è¡å½ä»¤ <code>weex debug</code> å°±ä¼å¯å¨ DebugServer 并æå¼ä¸ä¸ªè°è¯é¡µé¢ï¼è¯¦æ 请æ¥ç <a href="../guide/develop-on-your-local-machine.html">æ¬å°å¼å</a>ï¼ã页é¢ä¸æ¹ä¼å±ç¤ºä¸ä¸ªäºç»´ç ï¼è¿ä¸ªäºç»´ç ç¨äºå App ä¼ é Server 端çå°å建ç«è¿æ¥ã</p> -<ol> -<li><p>æ¥å¿çº§å«æ§å¶</p> -<p><img src="https://img.alicdn.com/tps/TB1F8WONXXXXXa_apXXXXXXXXXX-1706-674.png"; alt="_"><br>æ¥å¿çº§å«å¯ä»¥æ§å¶nativeç«¯å ³äºweexçæ¥å¿ã</p> -<p>æ¥è®°çº§å«æè¿°å¦ä¸ï¼</p> -<figure class="highlight plain"><table><tr><td class="code"><pre><div class="line">Off = 0, </div><div class="line">Error = Error</div><div class="line">Warning = Error | Warning,</div><div class="line">Info = Warning | Info,</div><div class="line">Log = Log | Info,</div><div class="line">Debug = Log | Debug, </div><div class="line">All = NSUIntegerMax</div></pre></td></tr></table></figure> -<p>解éï¼off å ³éæ¥å¿ï¼Warning å å« ErrorãWarningï¼Info å å« WarningãInfoï¼Log å å« InfoãLogï¼Debug å å« LogãDebugï¼All å å«ææã</p> -</li> -<li><p>Vdom/Native treeéæ©</p> -<p><img src="https://img.alicdn.com/tps/TB19Yq5NXXXXXXVXVXXXXXXXXXX-343-344.png"; alt=""></p> -<p><em>å¾ä¸</em></p> -<p><img src="https://img.alicdn.com/tps/TB1vomVNXXXXXcXaXXXXXXXXXXX-2072-1202.png"; alt="å¾äº" title="å¾äº"> </p> -<p><em>å¾äº</em></p> -<p>ç¹å»å¾ä¸æ示nativeé项ä¼æå¼å¾äºï¼æ¹ä¾¿æ¥çnative tree以åview property</p> -<p><img src="https://img.alicdn.com/tps/TB116y0NXXXXXXNaXXXXXXXXXXX-1448-668.png"; alt="vdom"></p> -<p><em>å¾ä¸</em></p> -<p><img src="https://img.alicdn.com/tps/TB16frmNXXXXXa7XXXXXXXXXXXX-2106-1254.png"; alt="vdom_tree"> </p> -<p><em>å¾å</em></p> -<p>ç¹å»å¾ä¸æ示 vdom é项ä¼æå¼å¾åï¼æ¹ä¾¿æ¥ç vdom tree 以å component propertyã </p> -</li> -</ol> - - </div> - -</article> -</div> - - <footer id="footer"> - <div class="row clearfix"> - <div class="dropdown select-lang"> - <a href="javascript:;" class="dropdown-toggle"> - Language - <span class="caret"></span> - </a> - <ul class="dropdown-menu pick-lang"> - <li> - <a href="/v-0.10/advanced/integrate-devtools-to-ios.html" data-lang="en">English</a> - </li> - <li> - <a href="/cn/v-0.10/advanced/integrate-devtools-to-ios.html" data-lang="zh-cn">ä¸æ</a> - </li> - </ul> - </div> - </div> - <div class="disclaimer"> - <div><img src="//gw.alicdn.com/tfs/TB1pTBZQFXXXXX9XXXXXXXXXXXX-794-280.png" width="200px" alt="Apache Incubator"></div> - <div><span class="title">Disclaimer:</span> Apache Weex is an effort undergoing incubation at The Apache Software Foundation (ASF), sponsored by the Apache Incubator. Incubation is required of all newly accepted projects until a further review indicates that the infrastructure, communications, and decision making process have stabilized in a manner consistent with other successful ASF projects. While incubation status is not necessarily a reflection of the completeness or stability of the code, it does indicate that the project has yet to be fully endorsed by the ASF.</div> - <br/> - </div> - <hr> - <div class="row"> - <p> <img src="//gw.alicdn.com/tfs/TB1bg8SQFXXXXcHXXXXXXXXXXXX-85-170.png" height="50px" alt="Apache"><span>Copyright(c) 2017 The Apache Software Foundation. Licensed under the </span> <a href="http://www.apache.org/licenses/LICENSE-2.0";>Apache License, Version 2.0</a></p> - </div> - <div class="row clearfix"> - <div></div> - </div> -</footer> - <div style="display: none;"> - <script src="//s95.cnzz.com/z_stat.php?id=1261496509&web_id=1261496509" language="JavaScript"></script> -</div> - - <script src="/js/reqwest.js"></script> - <script src="/js/common.js"></script> -</body> -</html>
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/f3d58bd0/cn/v-0.10/advanced/integrate-to-android.html ---------------------------------------------------------------------- diff --git a/cn/v-0.10/advanced/integrate-to-android.html b/cn/v-0.10/advanced/integrate-to-android.html deleted file mode 100644 index 0a87b4f..0000000 --- a/cn/v-0.10/advanced/integrate-to-android.html +++ /dev/null @@ -1,427 +0,0 @@ -<!DOCTYPE html> -<html> -<head> - <meta charset="utf-8"> - - <title>éæå° Android | Weex</title> - <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> - <meta name="description" content="WEEX SDK éæå° Android å·¥ç¨æ³¨ï¼ä»¥ä¸ææ¡£é½æ¯å设æ¨å·²ç»å ·å¤ä¸å®çAndroidå¼åç»éªã Android éææ两ç§æ¹å¼ æºç ä¾èµï¼è½å¤å¿«é使ç¨WEEXææ°åè½ï¼å¯ä»¥æ ¹æ®èªå·±é¡¹ç®çç¹æ§è¿è¡ç¸å ³æ¹è¿ã SDKä¾èµï¼WEEX ä¼å¨jcenter å®æåå¸ç¨³å®çæ¬ãjcenter注:å½å å¯è½éè¦ç¿»å¢ åæåå¤ å·²ç»å®è£ äºJDK version&gt;=1.7 并é ç½®äºç¯å¢åé å·²ç»å®"> -<meta property="og:type" content="website"> -<meta property="og:title" content="éæå° Android"> -<meta property="og:url" content="https://weex-project.io/cn/v-0.10/advanced/integrate-to-android.html";> -<meta property="og:site_name" content="Weex"> -<meta property="og:description" content="WEEX SDK éæå° Android å·¥ç¨æ³¨ï¼ä»¥ä¸ææ¡£é½æ¯å设æ¨å·²ç»å ·å¤ä¸å®çAndroidå¼åç»éªã Android éææ两ç§æ¹å¼ æºç ä¾èµï¼è½å¤å¿«é使ç¨WEEXææ°åè½ï¼å¯ä»¥æ ¹æ®èªå·±é¡¹ç®çç¹æ§è¿è¡ç¸å ³æ¹è¿ã SDKä¾èµï¼WEEX ä¼å¨jcenter å®æåå¸ç¨³å®çæ¬ãjcenter注:å½å å¯è½éè¦ç¿»å¢ åæåå¤ å·²ç»å®è£ äºJDK version&gt;=1.7 并é ç½®äºç¯å¢åé å·²ç»å®"> -<meta property="og:updated_time" content="2017-04-28T02:36:21.000Z"> -<meta name="twitter:card" content="summary"> -<meta name="twitter:title" content="éæå° Android"> -<meta name="twitter:description" content="WEEX SDK éæå° Android å·¥ç¨æ³¨ï¼ä»¥ä¸ææ¡£é½æ¯å设æ¨å·²ç»å ·å¤ä¸å®çAndroidå¼åç»éªã Android éææ两ç§æ¹å¼ æºç ä¾èµï¼è½å¤å¿«é使ç¨WEEXææ°åè½ï¼å¯ä»¥æ ¹æ®èªå·±é¡¹ç®çç¹æ§è¿è¡ç¸å ³æ¹è¿ã SDKä¾èµï¼WEEX ä¼å¨jcenter å®æåå¸ç¨³å®çæ¬ãjcenter注:å½å å¯è½éè¦ç¿»å¢ åæåå¤ å·²ç»å®è£ äºJDK version&gt;=1.7 并é ç½®äºç¯å¢åé å·²ç»å®"> - - <link rel="alternate" href="/atom.xml" title="Weex" type="application/atom+xml"> - - - <link rel="icon" href="//gw.alicdn.com/tps/TB1XNqxPXXXXXcSXVXXXXXXXXXX-64-63.png"> - - - <link href="//fonts.googleapis.com/css?family=Source+Code+Pro" rel="stylesheet" type="text/css"> - - <link rel="stylesheet" href="/css/style.css"> - <link rel="stylesheet" href="/css/swiper.min.css"> -</head> - -<body id="advanced" class="lang-cn"> - - <script> - window.PAGE_TYPE = "advanced"; - window.ROOT = "/" - </script> - <header id="header"> - <div class="navbar"> - <a id="logo" href="/cn/"> - <img src="//img.alicdn.com/tps/TB1zBLaPXXXXXXeXXXXXXXXXXXX-121-59.svg" /> - </a> - <div class="main-nav"> - <ul class="links"> - <li><a href="/cn/guide">æç¨</a></li> - <li><a href="/cn/references">æå</a></li> - <li class="dropdown"> - <a href="javascript:;">åè</a> - <ul class="dropdown-menu subnav"> - <li> - <a href="/cn/faq.html">FAQ</a> - </li> - <li> - <a href="/cn/releasenote.html">çæ¬è¯´æ</a> - </li> - </ul> - </li> - <li class="dropdown"> - <a href="javascript:;">å·¥å ·åæå¡</a> - <ul class="dropdown-menu subnav"> - <li> - <a href="/cn/playground.html">Playground</a> - </li> - <li> - <a href="/cn/guide/tools/toolkit.html">Weex-toolkit</a> - </li> - <li> - <a href="http://dotwe.org"; target="_blank">Code Snippets</a> - </li> - <li> - <a href="https://market.dotwe.org"; target="_blank">Market</a> - </li> - </ul> - </li> - </ul> - <ul class="info"> - <li><a href="https://github.com/apache/incubator-weex/"; target="_blank"><span class="btn-github iconfont icon-github"></span></a></li> - </ul> - <ul class="tools"> - <li> - <div class="search"> - <form id="search-form" class="search-form"> <!-- æç´¢æ¡ç¸å ³ --> - <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/> - <span class="iconfont icon-search"></span> - </form> - <div class="results-panel"> - </div> -</div> - </li> - <li> - <div class="dropdown select-lang"> - <a href="javascript:;" class="dropdown-toggle"> - Language - <span class="caret"></span> - </a> - <ul class="dropdown-menu pick-lang"> - <li> - <a href="/v-0.10/advanced/integrate-to-android.html" data-lang="en">English</a> - </li> - <li> - <a href="/cn/v-0.10/advanced/integrate-to-android.html" data-lang="zh-cn">ä¸æ</a> - </li> - </ul> - </div> - </li> - <!--<li></li>--> - </ul> - </div> - </div> - <div id="mobile-nav"> - <a id="logo" href="/cn/"> - <img src="//img.alicdn.com/tps/TB1zBLaPXXXXXXeXXXXXXXXXXXX-121-59.svg" /> - </a> - <a class="btn-menu"><span class="iconfont icon-nav"></span></a> - </div> -</header> - - <div id="sidebar" class=""> - <div class="sidebar-menu"> - - <ul class="main-nav"> - <li> - <div class="search"> - <form id="search-form" class="search-form"> <!-- æç´¢æ¡ç¸å ³ --> - <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/> - <span class="iconfont icon-search"></span> - </form> - <div class="results-panel"> - </div> -</div> - </li> - <li> - <a class="" href="/cn/guide"> - æç¨ - </a> - </li> - <li> - <a class="" href="/cn/references"> - æå - </a> - </li> - <li> - <a href="/cn/faq.html"> - FAQ - </a> - </li> - <li> - <p>å·¥å ·åæå¡</p> - <ul class="subnav"> - <li> - <a href="/cn/playground.html">Playground</a> - </li> - <li> - <a href="/cn/guide/tools/devtools.html">Devtools</a> - </li> - <li> - <a href="/cn/guide/tools/weexpack.html">Weexpack</a> - </li> - <li> - <a href="http://dotwe.org"; target="_blank">Snippets</a> - </li> - <li> - <a href="https://market.dotwe.org"; target="_blank">Market</a> - </li> - </ul> - </li> - <li> - <a href="https://github.com/apache/incubator-weex/"; target="_blank"> - GitHub - </a> - </li> - </ul> - - <a class="btn-close-sidebar iconfont icon-close"></a> - </div> -</div> - - <div class="article-wrapper page-layout"> - <div class="doc-nav"> - - - -<div class="summary"> - <h2 class="part-title"> - - é«é¶ç¥è¯ - - </h2> - <ul class="doc-summary"> - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - <li> - <h3 class="chapter-title"><a href="/cn/v-0.10/advanced/index.html" class="sidebar-link ">Weex å·¥ä½åç</a></h3> - - </li> - - <li> - <h3 class="chapter-title"><a href="/cn/v-0.10/advanced/how-data-binding-works.html" class="sidebar-link ">æ°æ®ç»å®åç</a></h3> - - </li> - - <li> - <h3 class="chapter-title"><a href="/cn/v-0.10/advanced/create-a-weex-project.html" class="sidebar-link ">å¦ä½å建ä¸ä¸ª Weex 项ç®</a></h3> - - </li> - - <li> - <h3 class="chapter-title"><a href="/cn/v-0.10/advanced/integrate-to-android.html" class="sidebar-link current ">éæå° Android</a></h3> - - </li> - - <li> - <h3 class="chapter-title"><a href="/cn/v-0.10/advanced/integrate-to-ios.html" class="sidebar-link ">éæå° iOS</a></h3> - - </li> - - <li> - <h3 class="chapter-title"><a href="/cn/v-0.10/advanced/integrate-to-html5.html" class="sidebar-link ">éæå° web</a></h3> - - </li> - - <li> - <h3 class="chapter-title"><a href="/cn/v-0.10/advanced/customize-a-native-component.html" class="sidebar-link ">èªå®ä¹ native ç»ä»¶</a></h3> - - </li> - - <li> - <h3 class="chapter-title"><a href="/cn/v-0.10/advanced/cuszomize-native-apis.html" class="sidebar-link ">èªå®ä¹ native API</a></h3> - - </li> - - <li> - <h3 class="chapter-title"><a href="/cn/v-0.10/advanced/extend-to-android.html" class="sidebar-link ">Android æ©å±</a></h3> - - </li> - - <li> - <h3 class="chapter-title"><a href="/cn/v-0.10/advanced/extend-to-ios.html" class="sidebar-link ">iOS æ©å±</a></h3> - - </li> - - <li> - <h3 class="chapter-title"><a href="/cn/v-0.10/advanced/extend-to-html5.html" class="sidebar-link ">weex-html5 æ©å±</a></h3> - - </li> - - <li> - <h3 class="chapter-title"><a href="/cn/v-0.10/advanced/integrate-devtools-to-android.html" class="sidebar-link ">éæ Devtools å° Android</a></h3> - - </li> - - <li> - <h3 class="chapter-title"><a href="/cn/v-0.10/advanced/integrate-devtools-to-ios.html" class="sidebar-link ">éæ Devtools å° iOS</a></h3> - - </li> - - - - </ul> -</div> - </div> - - -<article class="article article-type-advanced"> - <div class="article-entry" itemprop="articleBody"> - <header class="article-header"> - - - <h1 class="article-title" itemprop="name"> - éæå° Android - </h1> - - - <time class="article-date" datetime="2017-04-28T02:36:21.000Z">Updated time: 28/04/2017</time> -</header> - <h1 id="WEEX-SDK-éæå°-Android-å·¥ç¨"><a href="#WEEX-SDK-éæå°-Android-å·¥ç¨" class="headerlink" title="WEEX SDK éæå° Android å·¥ç¨"></a>WEEX SDK éæå° Android å·¥ç¨</h1><p>注ï¼ä»¥ä¸ææ¡£é½æ¯å设æ¨å·²ç»å ·å¤ä¸å®çAndroidå¼åç»éªã</p> -<h3 id="Android-éææ两ç§æ¹å¼"><a href="#Android-éææ两ç§æ¹å¼" class="headerlink" title="Android éææ两ç§æ¹å¼"></a>Android éææ两ç§æ¹å¼</h3><ol> -<li>æºç ä¾èµï¼è½å¤å¿«é使ç¨WEEXææ°åè½ï¼å¯ä»¥æ ¹æ®èªå·±é¡¹ç®çç¹æ§è¿è¡ç¸å ³æ¹è¿ã</li> -<li>SDKä¾èµï¼WEEX ä¼å¨jcenter å®æåå¸ç¨³å®çæ¬ã<a href="https://bintray.com/alibabaweex/maven/weex_sdk/view"; target="_blank" rel="external">jcenter</a><br>注:å½å å¯è½éè¦ç¿»å¢</li> -</ol> -<h2 id="åæåå¤"><a href="#åæåå¤" class="headerlink" title="åæåå¤"></a>åæåå¤</h2><ul> -<li>å·²ç»å®è£ äº<a href="http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html"; target="_blank" rel="external">JDK</a> version>=1.7 并é ç½®äºç¯å¢åé</li> -<li>å·²ç»å®è£ <a href="https://developer.android.com/studio/index.html"; target="_blank" rel="external">Android SDK</a> 并é ç½®ç¯å¢åéã</li> -<li>Android SDK version 23 (compileSdkVersion in <a href="https://github.com/apache/incubator-weex/blob/master/android/sdk/build.gradle"; target="_blank" rel="external"><code>build.gradle</code></a>)</li> -<li>SDK build tools version 23.0.1 (buildToolsVersion in <a href="https://github.com/apache/incubator-weex/blob/master/android/sdk/build.gradle"; target="_blank" rel="external"><code>build.gradle</code></a>)</li> -<li>Android Support Repository >= 17 (for Android Support Library)</li> -</ul> -<h2 id="å¿«éæ¥å ¥"><a href="#å¿«éæ¥å ¥" class="headerlink" title="å¿«éæ¥å ¥"></a>å¿«éæ¥å ¥</h2><p>å¦æä½ æ¯å°é²æè 对稳å®æ§è¦æ±æ¯è¾é«å¯ä»¥ä½¿ç¨ä¾èµSDKçæ¹å¼ã<br>æ¥éª¤å¦ä¸ï¼ </p> -<ol> -<li>å建Androidå·¥ç¨ï¼æ²¡æä»ä¹è¦ç¹å«è¯´æçï¼æç §ä½ çä¹ æ¯æ¥ã</li> -<li><p>ä¿®æ¹build.gradle å å ¥å¦ä¸åºç¡ä¾èµ </p> -<figure class="highlight gradle"><table><tr><td class="code"><pre><div class="line"><span class="keyword">compile</span> <span class="string">'com.android.support:recyclerview-v7:23.1.1'</span></div><div class="line"><span class="keyword">compile</span> <span class="string">'com.android.support:support-v4:23.1.1'</span></div><div class="line"><span class="keyword">compile</span> <span class="string">'com.android.support:appcompat-v7:23.1.1'</span></div><div class="line"><span class="keyword">compile</span> <span class="string">'com.alibaba:fastjson:1.1.46.android'</span></div><div class="line"><span class="keyword">compile</span> <span class="string">'com.taobao.android:weex_sdk:0.5.1@aar'</span></div></pre></td></tr></table></figure> -</li> -</ol> -<p> 注:çæ¬å¯ä»¥é«ä¸å¯ä»¥ä½ã </p> -<h3 id="代ç å®ç°"><a href="#代ç å®ç°" class="headerlink" title="代ç å®ç°"></a>代ç å®ç°</h3><p>注:éå½ä¸æå®æ´ä»£ç å°å</p> -<ul> -<li>å®ç°å¾çä¸è½½æ¥å£ï¼åå§åæ¶è®¾ç½®ã</li> -</ul> -<figure class="highlight java"><table><tr><td class="code"><pre><div class="line"><span class="keyword">package</span> com.weex.sample;</div><div class="line"></div><div class="line"><span class="keyword">import</span> android.widget.ImageView;</div><div class="line"></div><div class="line"><span class="keyword">import</span> com.taobao.weex.adapter.IWXImgLoaderAdapter;</div><div class="line"><span class="keyword">import</span> com.taobao.weex.common.WXImageStrategy;</div><div class="line"><span class="keyword">import</span> com.taobao.weex.dom.WXImageQuality;</div><div class="line"></div><div class="line"><span class="comment">/**</span></div><div class="line"> * Created by lixinke on 16/6/1.</div><div class="line"> */</div><div class="line"><span class="keyword">public</span> <span class="class"><span class="keyword">class</span> <span class="title">ImageAdapter</span> <span class="keyword">implements</span> <span class="title">IWXImgLoaderAdapter</span> </span>{</div><div cl ass="line"></div><div class="line"></div><div class="line"> <span class="meta">@Override</span></div><div class="line"> <span class="function"><span class="keyword">public</span> <span class="keyword">void</span> <span class="title">setImage</span><span class="params">(String url, ImageView view, WXImageQuality quality, WXImageStrategy strategy)</span> </span>{</div><div class="line"> <span class="comment">//å®ç°ä½ èªå·±çå¾çä¸è½½ï¼å¦åå¾çæ æ³æ¾ç¤ºã</span></div><div class="line"> }</div><div class="line">}</div></pre></td></tr></table></figure> -<ul> -<li>åå§å</li> -</ul> -<figure class="highlight java"><table><tr><td class="code"><pre><div class="line"><span class="keyword">package</span> com.weex.sample;</div><div class="line"></div><div class="line"><span class="keyword">import</span> android.app.Application;</div><div class="line"></div><div class="line"><span class="keyword">import</span> com.taobao.weex.InitConfig;</div><div class="line"><span class="keyword">import</span> com.taobao.weex.WXSDKEngine;</div><div class="line"></div><div class="line"><span class="comment">/**</span></div><div class="line"> * 注æè¦å¨Manifestä¸è®¾ç½®android:name=".WXApplication"</div><div class="line"> * è¦å®ç°ImageAdapter å¦åå¾çä¸è½ä¸è½½</div><div class="line"> * gradle ä¸ä¸å®è¦æ·»å ä¸äºä¾èµï¼å¦ååå§åä¼å¤±è´¥ã</div><div class="line"> * compile 'com.android.support:recyclerview-v7:23.1.1'</div><div class="line"> * compile 'com.android.support:support-v4:23.1.1'</div><div class="line"> * compile 'com.android.support:appcompat-v7:2 3.1.1'</div><div class="line"> * compile 'com.alibaba:fastjson:1.1.45'</div><div class="line"> */</div><div class="line"><span class="keyword">public</span> <span class="class"><span class="keyword">class</span> <span class="title">WXApplication</span> <span class="keyword">extends</span> <span class="title">Application</span> </span>{</div><div class="line"></div><div class="line"> <span class="meta">@Override</span></div><div class="line"> <span class="function"><span class="keyword">public</span> <span class="keyword">void</span> <span class="title">onCreate</span><span class="params">()</span> </span>{</div><div class="line"> <span class="keyword">super</span>.onCreate();</div><div class="line"> InitConfig config=<span class="keyword">new</span> InitConfig.Builder().setImgAdapter(<span class="keyword">new</span> ImageAdapter()).build();</div><div class="line"> WXSDKEngine.initialize(<span class="keyword">this</span>,config);</div><div class="line"> }</ div><div class="line">}</div></pre></td></tr></table></figure> -<ul> -<li>å¼å§æ¸²æ</li> -</ul> -<figure class="highlight java"><table><tr><td class="code"><pre><div class="line"><span class="keyword">package</span> com.weex.sample;</div><div class="line"></div><div class="line"><span class="keyword">import</span> android.os.Bundle;</div><div class="line"><span class="keyword">import</span> android.support.v7.app.AppCompatActivity;</div><div class="line"><span class="keyword">import</span> android.view.View;</div><div class="line"></div><div class="line"><span class="keyword">import</span> com.taobao.weex.IWXRenderListener;</div><div class="line"><span class="keyword">import</span> com.taobao.weex.WXSDKInstance;</div><div class="line"><span class="keyword">import</span> com.taobao.weex.common.WXRenderStrategy;</div><div class="line"><span class="keyword">import</span> com.taobao.weex.utils.WXFileUtils;</div><div class="line"></div><div class="line"><span class="keyword">public</span> <span class="class"><span class="keyword">class</span> <span class="title">MainActivity</span> <span class="keyword">extends</span> <span class="title">AppCompatActivity</span> <span class="keyword">implements</span> <span class="title">IWXRenderListener</span> </span>{</div><div class="line"></div><div class="line"> WXSDKInstance mWXSDKInstance;</div><div class="line"></div><div class="line"> <span class="meta">@Override</span></div><div class="line"> <span class="function"><span class="keyword">protected</span> <span class="keyword">void</span> <span class="title">onCreate</span><span class="params">(Bundle savedInstanceState)</span> </span>{</div><div class="line"> <span class="keyword">super</span>.onCreate(savedInstanceState);</div><div class="line"> setContentView(R.layout.activity_main);</div><div class="line"></div><div class="line"> mWXSDKInstance = <span class="keyword">new</span> WXSDKInstance(<span class="keyword">this</span>);</div><div class="line"> mWXSDKInstance.registerRenderListener(<span class="keyword">this</span>);</div><div class ="line"> <span class="comment">/**</span></div><div class="line"> * WXSample å¯ä»¥æ¿æ¢æèªå®ä¹çå符串ï¼é对åç¹ææã</div><div class="line"> * template æ¯.we transform åç jsæ件ã</div><div class="line"> * option å¯ä»¥ä¸ºç©ºï¼æè éè¿optionä¼ å ¥ jséè¦çåæ°ãä¾å¦bundle jsçå°åçã</div><div class="line"> * jsonInitData å¯ä»¥ä¸ºç©ºã</div><div class="line"> * width 为-1 é»è®¤å ¨å±ï¼å¯ä»¥èªå·±å®å¶ã</div><div class="line"> * height =-1 é»è®¤å ¨å±ï¼å¯ä»¥èªå·±å®å¶ã</div><div class="line"> */</div><div class="line"> mWXSDKInstance.render(<span class="string">"WXSample"</span>, WXFileUtils.loadFileContent(<span class="string">"hello.js"</span>, <span class="keyword">this</span>), <span class="keyword">null</span>, <span class="keyword">null</span>, -<span class="number">1</span>, -<span class="number">1</span>, WXRenderStrategy.APPEND_ASYNC);</div><div class="line"> }</div><div c lass="line"></div><div class="line"> <span class="meta">@Override</span></div><div class="line"> <span class="function"><span class="keyword">public</span> <span class="keyword">void</span> <span class="title">onViewCreated</span><span class="params">(WXSDKInstance instance, View view)</span> </span>{</div><div class="line"> setContentView(view);</div><div class="line"> }</div><div class="line"></div><div class="line"> <span class="meta">@Override</span></div><div class="line"> <span class="function"><span class="keyword">public</span> <span class="keyword">void</span> <span class="title">onRenderSuccess</span><span class="params">(WXSDKInstance instance, <span class="keyword">int</span> width, <span class="keyword">int</span> height)</span> </span>{</div><div class="line"></div><div class="line"> }</div><div class="line"></div><div class="line"> <span class="meta">@Override</span></div><div class="line"> <span class="function"><span class="keyword">pu blic</span> <span class="keyword">void</span> <span class="title">onRefreshSuccess</span><span class="params">(WXSDKInstance instance, <span class="keyword">int</span> width, <span class="keyword">int</span> height)</span> </span>{</div><div class="line"></div><div class="line"> }</div><div class="line"></div><div class="line"> <span class="meta">@Override</span></div><div class="line"> <span class="function"><span class="keyword">public</span> <span class="keyword">void</span> <span class="title">onException</span><span class="params">(WXSDKInstance instance, String errCode, String msg)</span> </span>{</div><div class="line"></div><div class="line"> }</div><div class="line"></div><div class="line"></div><div class="line"> <span class="meta">@Override</span></div><div class="line"> <span class="function"><span class="keyword">protected</span> <span class="keyword">void</span> <span class="title">onResume</span><span class="params">()</span> </span>{</d iv><div class="line"> <span class="keyword">super</span>.onResume();</div><div class="line"> <span class="keyword">if</span>(mWXSDKInstance!=<span class="keyword">null</span>){</div><div class="line"> mWXSDKInstance.onActivityResume();</div><div class="line"> }</div><div class="line"> }</div><div class="line"></div><div class="line"> <span class="meta">@Override</span></div><div class="line"> <span class="function"><span class="keyword">protected</span> <span class="keyword">void</span> <span class="title">onPause</span><span class="params">()</span> </span>{</div><div class="line"> <span class="keyword">super</span>.onPause();</div><div class="line"> <span class="keyword">if</span>(mWXSDKInstance!=<span class="keyword">null</span>){</div><div class="line"> mWXSDKInstance.onActivityPause();</div><div class="line"> }</div><div class="line"> }</div><div class="line"></div><div class="line"> <span class="meta">@Overrid e</span></div><div class="line"> <span class="function"><span class="keyword">protected</span> <span class="keyword">void</span> <span class="title">onStop</span><span class="params">()</span> </span>{</div><div class="line"> <span class="keyword">super</span>.onStop();</div><div class="line"> <span class="keyword">if</span>(mWXSDKInstance!=<span class="keyword">null</span>){</div><div class="line"> mWXSDKInstance.onActivityStop();</div><div class="line"> }</div><div class="line"> }</div><div class="line"></div><div class="line"> <span class="meta">@Override</span></div><div class="line"> <span class="function"><span class="keyword">protected</span> <span class="keyword">void</span> <span class="title">onDestroy</span><span class="params">()</span> </span>{</div><div class="line"> <span class="keyword">super</span>.onDestroy();</div><div class="line"> <span class="keyword">if</span>(mWXSDKInstance!=<span class="keyword">null</span>)&# 123;</div><div class="line"> mWXSDKInstance.onActivityDestroy();</div><div class="line"> }</div><div class="line"> }</div><div class="line">}</div></pre></td></tr></table></figure> -<h2 id="æºç ä¾èµ-IDE-Android-Studio"><a href="#æºç ä¾èµ-IDE-Android-Studio" class="headerlink" title="æºç ä¾èµ(IDE Android Studio)"></a>æºç ä¾èµ(IDE Android Studio)</h2><ol> -<li>ä¸è½½æºç <code>git clone https://github.com/alibaba/weex</code></li> -<li>å建 Android å·¥ç¨ã</li> -<li>éè¿ä»¥ä¸è·¯å¾å¼å ¥ SDK Module<br>File->New-Import Module-> éæ© WEEX SDK Module(weex/android/sdk) -> Finish </li> -<li>app ç build.gradle ä¸æ·»å å¦ä¸ä¾èµ:<code>compile project(':weex_sdk')</code></li> -<li>å ¶ä»è®¾ç½®è¯·åèä¸é¢å¿«éæ¥å ¥</li> -</ol> -<h3 id="éå½"><a href="#éå½" class="headerlink" title="éå½"></a>éå½</h3><p>WXSampleå°å<br><code>https://github.com/xkli/WXSample.git</code></p> - - </div> - -</article> -</div> - - <footer id="footer"> - <div class="row clearfix"> - <div class="dropdown select-lang"> - <a href="javascript:;" class="dropdown-toggle"> - Language - <span class="caret"></span> - </a> - <ul class="dropdown-menu pick-lang"> - <li> - <a href="/v-0.10/advanced/integrate-to-android.html" data-lang="en">English</a> - </li> - <li> - <a href="/cn/v-0.10/advanced/integrate-to-android.html" data-lang="zh-cn">ä¸æ</a> - </li> - </ul> - </div> - </div> - <div class="disclaimer"> - <div><img src="//gw.alicdn.com/tfs/TB1pTBZQFXXXXX9XXXXXXXXXXXX-794-280.png" width="200px" alt="Apache Incubator"></div> - <div><span class="title">Disclaimer:</span> Apache Weex is an effort undergoing incubation at The Apache Software Foundation (ASF), sponsored by the Apache Incubator. Incubation is required of all newly accepted projects until a further review indicates that the infrastructure, communications, and decision making process have stabilized in a manner consistent with other successful ASF projects. While incubation status is not necessarily a reflection of the completeness or stability of the code, it does indicate that the project has yet to be fully endorsed by the ASF.</div> - <br/> - </div> - <hr> - <div class="row"> - <p> <img src="//gw.alicdn.com/tfs/TB1bg8SQFXXXXcHXXXXXXXXXXXX-85-170.png" height="50px" alt="Apache"><span>Copyright(c) 2017 The Apache Software Foundation. Licensed under the </span> <a href="http://www.apache.org/licenses/LICENSE-2.0";>Apache License, Version 2.0</a></p> - </div> - <div class="row clearfix"> - <div></div> - </div> -</footer> - <div style="display: none;"> - <script src="//s95.cnzz.com/z_stat.php?id=1261496509&web_id=1261496509" language="JavaScript"></script> -</div> - - <script src="/js/reqwest.js"></script> - <script src="/js/common.js"></script> -</body> -</html> http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/f3d58bd0/cn/v-0.10/advanced/integrate-to-html5.html ---------------------------------------------------------------------- diff --git a/cn/v-0.10/advanced/integrate-to-html5.html b/cn/v-0.10/advanced/integrate-to-html5.html deleted file mode 100644 index 207843f..0000000 --- a/cn/v-0.10/advanced/integrate-to-html5.html +++ /dev/null @@ -1,407 +0,0 @@ -<!DOCTYPE html> -<html> -<head> - <meta charset="utf-8"> - - <title>éæå° web | Weex</title> - <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> - <meta name="description" content="项ç®ä¸å¼å ¥ html5 ç Weexç®ä»Weex æ¯ä¸ä¸ªè·¨å¹³å°å¯æ©å±çå¨æå移å¨æ¡æ¶ï¼è½å¤çæ£å¸®å©å¼åè å®ç°âä¸æ¬¡å¼åï¼å°å¤è¿è¡âãç± Weex æä¾çç¸å ³å·¥å ·è¿è¡æå 好ç bundle æ件å¯ä»¥è¿è¡å¨ android, ios 以å webï¼è¿éæ们ä¹ç§°ä¹ä¸ºhtml5ï¼å¹³å°ç渲æå¨ä¸ãWeex HTML5 æ¯ä¸ä¸ªä¸ç¨äºå¨ç§»å¨ç«¯ webview 以ååç§ç°ä»£æµè§å¨ä¸æ¸²æ weex æ件ç渲æå¨ã"> -<meta property="og:type" content="website"> -<meta property="og:title" content="éæå° web"> -<meta property="og:url" content="https://weex-project.io/cn/v-0.10/advanced/integrate-to-html5.html";> -<meta property="og:site_name" content="Weex"> -<meta property="og:description" content="项ç®ä¸å¼å ¥ html5 ç Weexç®ä»Weex æ¯ä¸ä¸ªè·¨å¹³å°å¯æ©å±çå¨æå移å¨æ¡æ¶ï¼è½å¤çæ£å¸®å©å¼åè å®ç°âä¸æ¬¡å¼åï¼å°å¤è¿è¡âãç± Weex æä¾çç¸å ³å·¥å ·è¿è¡æå 好ç bundle æ件å¯ä»¥è¿è¡å¨ android, ios 以å webï¼è¿éæ们ä¹ç§°ä¹ä¸ºhtml5ï¼å¹³å°ç渲æå¨ä¸ãWeex HTML5 æ¯ä¸ä¸ªä¸ç¨äºå¨ç§»å¨ç«¯ webview 以ååç§ç°ä»£æµè§å¨ä¸æ¸²æ weex æ件ç渲æå¨ã"> -<meta property="og:updated_time" content="2017-04-28T02:36:21.000Z"> -<meta name="twitter:card" content="summary"> -<meta name="twitter:title" content="éæå° web"> -<meta name="twitter:description" content="项ç®ä¸å¼å ¥ html5 ç Weexç®ä»Weex æ¯ä¸ä¸ªè·¨å¹³å°å¯æ©å±çå¨æå移å¨æ¡æ¶ï¼è½å¤çæ£å¸®å©å¼åè å®ç°âä¸æ¬¡å¼åï¼å°å¤è¿è¡âãç± Weex æä¾çç¸å ³å·¥å ·è¿è¡æå 好ç bundle æ件å¯ä»¥è¿è¡å¨ android, ios 以å webï¼è¿éæ们ä¹ç§°ä¹ä¸ºhtml5ï¼å¹³å°ç渲æå¨ä¸ãWeex HTML5 æ¯ä¸ä¸ªä¸ç¨äºå¨ç§»å¨ç«¯ webview 以ååç§ç°ä»£æµè§å¨ä¸æ¸²æ weex æ件ç渲æå¨ã"> - - <link rel="alternate" href="/atom.xml" title="Weex" type="application/atom+xml"> - - - <link rel="icon" href="//gw.alicdn.com/tps/TB1XNqxPXXXXXcSXVXXXXXXXXXX-64-63.png"> - - - <link href="//fonts.googleapis.com/css?family=Source+Code+Pro" rel="stylesheet" type="text/css"> - - <link rel="stylesheet" href="/css/style.css"> - <link rel="stylesheet" href="/css/swiper.min.css"> -</head> - -<body id="advanced" class="lang-cn"> - - <script> - window.PAGE_TYPE = "advanced"; - window.ROOT = "/" - </script> - <header id="header"> - <div class="navbar"> - <a id="logo" href="/cn/"> - <img src="//img.alicdn.com/tps/TB1zBLaPXXXXXXeXXXXXXXXXXXX-121-59.svg" /> - </a> - <div class="main-nav"> - <ul class="links"> - <li><a href="/cn/guide">æç¨</a></li> - <li><a href="/cn/references">æå</a></li> - <li class="dropdown"> - <a href="javascript:;">åè</a> - <ul class="dropdown-menu subnav"> - <li> - <a href="/cn/faq.html">FAQ</a> - </li> - <li> - <a href="/cn/releasenote.html">çæ¬è¯´æ</a> - </li> - </ul> - </li> - <li class="dropdown"> - <a href="javascript:;">å·¥å ·åæå¡</a> - <ul class="dropdown-menu subnav"> - <li> - <a href="/cn/playground.html">Playground</a> - </li> - <li> - <a href="/cn/guide/tools/toolkit.html">Weex-toolkit</a> - </li> - <li> - <a href="http://dotwe.org"; target="_blank">Code Snippets</a> - </li> - <li> - <a href="https://market.dotwe.org"; target="_blank">Market</a> - </li> - </ul> - </li> - </ul> - <ul class="info"> - <li><a href="https://github.com/apache/incubator-weex/"; target="_blank"><span class="btn-github iconfont icon-github"></span></a></li> - </ul> - <ul class="tools"> - <li> - <div class="search"> - <form id="search-form" class="search-form"> <!-- æç´¢æ¡ç¸å ³ --> - <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/> - <span class="iconfont icon-search"></span> - </form> - <div class="results-panel"> - </div> -</div> - </li> - <li> - <div class="dropdown select-lang"> - <a href="javascript:;" class="dropdown-toggle"> - Language - <span class="caret"></span> - </a> - <ul class="dropdown-menu pick-lang"> - <li> - <a href="/v-0.10/advanced/integrate-to-html5.html" data-lang="en">English</a> - </li> - <li> - <a href="/cn/v-0.10/advanced/integrate-to-html5.html" data-lang="zh-cn">ä¸æ</a> - </li> - </ul> - </div> - </li> - <!--<li></li>--> - </ul> - </div> - </div> - <div id="mobile-nav"> - <a id="logo" href="/cn/"> - <img src="//img.alicdn.com/tps/TB1zBLaPXXXXXXeXXXXXXXXXXXX-121-59.svg" /> - </a> - <a class="btn-menu"><span class="iconfont icon-nav"></span></a> - </div> -</header> - - <div id="sidebar" class=""> - <div class="sidebar-menu"> - - <ul class="main-nav"> - <li> - <div class="search"> - <form id="search-form" class="search-form"> <!-- æç´¢æ¡ç¸å ³ --> - <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/> - <span class="iconfont icon-search"></span> - </form> - <div class="results-panel"> - </div> -</div> - </li> - <li> - <a class="" href="/cn/guide"> - æç¨ - </a> - </li> - <li> - <a class="" href="/cn/references"> - æå - </a> - </li> - <li> - <a href="/cn/faq.html"> - FAQ - </a> - </li> - <li> - <p>å·¥å ·åæå¡</p> - <ul class="subnav"> - <li> - <a href="/cn/playground.html">Playground</a> - </li> - <li> - <a href="/cn/guide/tools/devtools.html">Devtools</a> - </li> - <li> - <a href="/cn/guide/tools/weexpack.html">Weexpack</a> - </li> - <li> - <a href="http://dotwe.org"; target="_blank">Snippets</a> - </li> - <li> - <a href="https://market.dotwe.org"; target="_blank">Market</a> - </li> - </ul> - </li> - <li> - <a href="https://github.com/apache/incubator-weex/"; target="_blank"> - GitHub - </a> - </li> - </ul> - - <a class="btn-close-sidebar iconfont icon-close"></a> - </div> -</div> - - <div class="article-wrapper page-layout"> - <div class="doc-nav"> - - - -<div class="summary"> - <h2 class="part-title"> - - é«é¶ç¥è¯ - - </h2> - <ul class="doc-summary"> - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - <li> - <h3 class="chapter-title"><a href="/cn/v-0.10/advanced/index.html" class="sidebar-link ">Weex å·¥ä½åç</a></h3> - - </li> - - <li> - <h3 class="chapter-title"><a href="/cn/v-0.10/advanced/how-data-binding-works.html" class="sidebar-link ">æ°æ®ç»å®åç</a></h3> - - </li> - - <li> - <h3 class="chapter-title"><a href="/cn/v-0.10/advanced/create-a-weex-project.html" class="sidebar-link ">å¦ä½å建ä¸ä¸ª Weex 项ç®</a></h3> - - </li> - - <li> - <h3 class="chapter-title"><a href="/cn/v-0.10/advanced/integrate-to-android.html" class="sidebar-link ">éæå° Android</a></h3> - - </li> - - <li> - <h3 class="chapter-title"><a href="/cn/v-0.10/advanced/integrate-to-ios.html" class="sidebar-link ">éæå° iOS</a></h3> - - </li> - - <li> - <h3 class="chapter-title"><a href="/cn/v-0.10/advanced/integrate-to-html5.html" class="sidebar-link current ">éæå° web</a></h3> - - </li> - - <li> - <h3 class="chapter-title"><a href="/cn/v-0.10/advanced/customize-a-native-component.html" class="sidebar-link ">èªå®ä¹ native ç»ä»¶</a></h3> - - </li> - - <li> - <h3 class="chapter-title"><a href="/cn/v-0.10/advanced/cuszomize-native-apis.html" class="sidebar-link ">èªå®ä¹ native API</a></h3> - - </li> - - <li> - <h3 class="chapter-title"><a href="/cn/v-0.10/advanced/extend-to-android.html" class="sidebar-link ">Android æ©å±</a></h3> - - </li> - - <li> - <h3 class="chapter-title"><a href="/cn/v-0.10/advanced/extend-to-ios.html" class="sidebar-link ">iOS æ©å±</a></h3> - - </li> - - <li> - <h3 class="chapter-title"><a href="/cn/v-0.10/advanced/extend-to-html5.html" class="sidebar-link ">weex-html5 æ©å±</a></h3> - - </li> - - <li> - <h3 class="chapter-title"><a href="/cn/v-0.10/advanced/integrate-devtools-to-android.html" class="sidebar-link ">éæ Devtools å° Android</a></h3> - - </li> - - <li> - <h3 class="chapter-title"><a href="/cn/v-0.10/advanced/integrate-devtools-to-ios.html" class="sidebar-link ">éæ Devtools å° iOS</a></h3> - - </li> - - - - </ul> -</div> - </div> - - -<article class="article article-type-advanced"> - <div class="article-entry" itemprop="articleBody"> - <header class="article-header"> - - - <h1 class="article-title" itemprop="name"> - éæå° web - </h1> - - - <time class="article-date" datetime="2017-04-28T02:36:21.000Z">Updated time: 28/04/2017</time> -</header> - <h2 id="项ç®ä¸å¼å ¥-html5-ç-Weex"><a href="#项ç®ä¸å¼å ¥-html5-ç-Weex" class="headerlink" title="项ç®ä¸å¼å ¥ html5 ç Weex"></a>项ç®ä¸å¼å ¥ html5 ç Weex</h2><h3 id="ç®ä»"><a href="#ç®ä»" class="headerlink" title="ç®ä»"></a>ç®ä»</h3><p>Weex æ¯ä¸ä¸ªè·¨å¹³å°å¯æ©å±çå¨æå移å¨æ¡æ¶ï¼è½å¤çæ£å¸®å©å¼åè å®ç°âä¸æ¬¡å¼åï¼å°å¤è¿è¡âãç± Weex æä¾çç¸å ³å·¥å ·è¿è¡æå 好ç bundle æ件å¯ä»¥è¿è¡å¨ android, ios 以å webï¼è¿éæ们ä¹ç§°ä¹ä¸ºhtml5ï¼å¹³å°ç渲æå¨ä¸ãWeex HTML5 æ¯ä¸ä¸ªä¸ç¨äºå¨ç§»å¨ç«¯ webview 以ååç§ç°ä»£æµè§å¨ä¸æ¸²æ weex æ件ç渲æå¨ã</p> -<h3 id="è·å-Weex-HTML5"><a href="#è·å-Weex-HTML5" class="headerlink" title="è·å Weex HTML5"></a>è·å Weex HTML5</h3><p>ä½¿ç¨ npm å®è£ ææ°çæ¬ç Weex HTML5ï¼å¹¶å¨ä½ ç项ç®ä¸ require è¿æ¥ã</p> -<h4 id="ä»-npm-å®è£ "><a href="#ä»-npm-å®è£ " class="headerlink" title="ä» npm å®è£ "></a>ä» npm å®è£ </h4><p>请确ä¿éè¿ <code>npm install</code> æè <code>npm update</code> è·å Weex HTML5 çææ°çæ¬ npm å ãæ´å¤å ³äº npm çä¿¡æ¯æ æ¥é <a href="https://docs.npmjs.com/"; target="_blank" rel="external">npm å®æ¹ç½ç«</a>ã</p> -<figure class="highlight bash"><table><tr><td class="code"><pre><div class="line">npm install weex-html5</div></pre></td></tr></table></figure> -<p>éè¿ require å¼å ¥ weex-html5:</p> -<figure class="highlight bash"><table><tr><td class="code"><pre><div class="line">var weex = require(<span class="string">'weex-html5'</span>)</div></pre></td></tr></table></figure> -<p><strong>注æ:</strong> ä»äº Weex ç®åä»å¤äºå¼æºå æµé¶æ®µï¼è¿æ²¡æå®å ¨å¼æ¾æºä»£ç ï¼å æ¤ <code>weex-jsframework</code> å¯è½è¿æ²¡æå¨ npm ä¸åå¸ãå½åçæ¬ç <code>weex-html5</code> å å«äº <code>weex-jsframework</code>ï¼ä½ åªéè¦ require <code>weex-html5</code> å³å¯ææ¶å¨ web å¹³å°ä¸è¿è¡ weex 代ç ãå»ºè®®å ³æ³¨ Weex çåç»çæ¬åå¸å¹¶åå¿ è¦çå¼ç¨æ¹å¼è°æ´ã</p> -<h3 id="åå§å-Weex"><a href="#åå§å-Weex" class="headerlink" title="åå§å Weex"></a>åå§å Weex</h3><p>ä½ å¯ä»¥éè¿ Weex æ´é²ç API <code>init</code> æ¥åå§åä¸ä¸ª Weex å®ä¾ãè¿ä¸ªæ¹æ³éè¦ä¼ éä¸äºé 置信æ¯å·²ç¡®å®ä¸äºç¯å¢åéçä¿¡æ¯ï¼è¿äºé 置信æ¯ä»ç»å¦ä¸ï¼</p> -<ul> -<li><code>appId</code>: Weex å®ä¾ç idï¼å¯ä»¥æ¯ä»»æå符串æè æ°åï¼å¹¶æ³¨æä¸è¦éå¤.</li> -<li><code>source</code>: 请æ±ç Weex bundle æ件å°åï¼æè Weex bundle æ件代ç æ¬èº«ï¼åå³äºä¸é¢ç loader é ç½®.</li> -<li><code>loader</code>: å è½½å¨ç±»åï¼ç¨äºå è½½ weex bundleï¼å¼å¯ä»¥æ¯ âxhrâ, âjsonpâ æè âsourceâ.<ul> -<li><code>xhr</code>: éè¿ XMLHttpRequest å è½½ source(å³ weex bundle ç url å°å).</li> -<li><code>jsonp</code>: éè¿ JSONP å è½½ weex bundle.</li> -<li><code>source</code>: ç´æ¥æ¥å weex bundle ç代ç ä½ä¸ºåæ°.</li> -</ul> -</li> -<li><code>rootId</code>: root 容å¨ç idï¼é»è®¤å®¹å¨ id æ¯ âweexâ.</li> -</ul> -<p>以ä¸æ¯ä¸ä¸ª Weex åå§åç示ä¾:</p> -<figure class="highlight javascript"><table><tr><td class="code"><pre><div class="line"><span class="function"><span class="keyword">function</span> <span class="title">weexInit</span>(<span class="params"></span>) </span>{</div><div class="line"> <span class="function"><span class="keyword">function</span> <span class="title">getUrlParam</span> (<span class="params">key</span>) </span>{</div><div class="line"> <span class="keyword">var</span> reg = <span class="keyword">new</span> <span class="built_in">RegExp</span>(<span class="string">'[?|&]'</span> + key + <span class="string">'=([^&]+)'</span>)</div><div class="line"> <span class="keyword">var</span> match = location.search.match(reg)</div><div class="line"> <span class="keyword">return</span> match && match[<span class="number">1</span>]</div><div class="line"> }</div><div class="line"></div><div class="line"> <span class="keyword">var</span> loader = getUrlParam(<span class="string" >'loader'</span>) || <span class="string">'xhr'</span></div><div class="line"> > <span class="keyword">var</span> page = getUrlParam(<span >class="string">'page'</span>)</div><div class="line"></div><div class="line"> > <span class="comment">// >éè¦æå®ä¸ä¸ªjsonpåè°å½æ°å称ï¼å¦æ没æåç¨é»è®¤å¼'weexJsonpCallback'</span></div><div > class="line"> <span class="keyword">var</span> JSONP_CALLBACK_NAME = <span >class="string">'weexJsonpCallback'</span></div><div class="line"></div><div >class="line"> <span >class="built_in">window</span>.weex.init({</div><div class="line"> ><span class="attr">jsonpCallback</span>: JSONP_CALLBACK_NAME,</div><div >class="line"> <span class="attr">appId</span>: location.href,</div><div >class="line"> <span class="attr">source</span>: page,</div><div >class="line"> <span class="attr">loader</span>: loader,</div><div >class="line"> <span class="attr">rootId</span>: <span >class="string">'weex'</span></div><div class="line"> } ;)</div><div class="line">}</div><div class="line"></div><div class="line">weexInit()</div></pre></td></tr></table></figure> - - </div> - -</article> -</div> - - <footer id="footer"> - <div class="row clearfix"> - <div class="dropdown select-lang"> - <a href="javascript:;" class="dropdown-toggle"> - Language - <span class="caret"></span> - </a> - <ul class="dropdown-menu pick-lang"> - <li> - <a href="/v-0.10/advanced/integrate-to-html5.html" data-lang="en">English</a> - </li> - <li> - <a href="/cn/v-0.10/advanced/integrate-to-html5.html" data-lang="zh-cn">ä¸æ</a> - </li> - </ul> - </div> - </div> - <div class="disclaimer"> - <div><img src="//gw.alicdn.com/tfs/TB1pTBZQFXXXXX9XXXXXXXXXXXX-794-280.png" width="200px" alt="Apache Incubator"></div> - <div><span class="title">Disclaimer:</span> Apache Weex is an effort undergoing incubation at The Apache Software Foundation (ASF), sponsored by the Apache Incubator. Incubation is required of all newly accepted projects until a further review indicates that the infrastructure, communications, and decision making process have stabilized in a manner consistent with other successful ASF projects. While incubation status is not necessarily a reflection of the completeness or stability of the code, it does indicate that the project has yet to be fully endorsed by the ASF.</div> - <br/> - </div> - <hr> - <div class="row"> - <p> <img src="//gw.alicdn.com/tfs/TB1bg8SQFXXXXcHXXXXXXXXXXXX-85-170.png" height="50px" alt="Apache"><span>Copyright(c) 2017 The Apache Software Foundation. Licensed under the </span> <a href="http://www.apache.org/licenses/LICENSE-2.0";>Apache License, Version 2.0</a></p> - </div> - <div class="row clearfix"> - <div></div> - </div> -</footer> - <div style="display: none;"> - <script src="//s95.cnzz.com/z_stat.php?id=1261496509&web_id=1261496509" language="JavaScript"></script> -</div> - - <script src="/js/reqwest.js"></script> - <script src="/js/common.js"></script> -</body> -</html>
![https://img.alicdn.com/tps/TB1MXjjNXXXXXXlXpXXXXXXXXXX-795-326.png"](https://img.alicdn.com/tps/TB1MXjjNXXXXXXlXpXXXXXXXXXX-795-326.png"){kind=link}
![https://img.alicdn.com/tps/TB1A518NXXXXXbZXFXXXXXXXXXX-642-154.png"](https://img.alicdn.com/tps/TB1A518NXXXXXbZXFXXXXXXXXXX-642-154.png"){kind=link}
![https://img.alicdn.com/tps/TB1xRHhNXXXXXakXpXXXXXXXXXX-1498-668.png"](https://img.alicdn.com/tps/TB1xRHhNXXXXXakXpXXXXXXXXXX-1498-668.png"){kind=link}
![https://img.alicdn.com/tps/TB1F8WONXXXXXa_apXXXXXXXXXX-1706-674.png"](https://img.alicdn.com/tps/TB1F8WONXXXXXa_apXXXXXXXXXX-1706-674.png"){kind=link}
![https://img.alicdn.com/tps/TB19Yq5NXXXXXXVXVXXXXXXXXXX-343-344.png"](https://img.alicdn.com/tps/TB19Yq5NXXXXXXVXVXXXXXXXXXX-343-344.png"){kind=link}
![https://img.alicdn.com/tps/TB1vomVNXXXXXcXaXXXXXXXXXXX-2072-1202.png"](https://img.alicdn.com/tps/TB1vomVNXXXXXcXaXXXXXXXXXXX-2072-1202.png"){kind=link}
![https://img.alicdn.com/tps/TB116y0NXXXXXXNaXXXXXXXXXXX-1448-668.png"](https://img.alicdn.com/tps/TB116y0NXXXXXXNaXXXXXXXXXXX-1448-668.png"){kind=link}
![https://img.alicdn.com/tps/TB16frmNXXXXXa7XXXXXXXXXXXX-2106-1254.png"](https://img.alicdn.com/tps/TB16frmNXXXXXa7XXXXXXXXXXXX-2106-1254.png"){kind=link}