You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@weex.apache.org by so...@apache.org on 2017/06/20 03:04:28 UTC
[48/51] [abbrv] [partial] incubator-weex-site git commit: Site
updated: 2017-06-20 11:03:26
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/55f57f79/cn/guide/contributing.html
----------------------------------------------------------------------
diff --git a/cn/guide/contributing.html b/cn/guide/contributing.html
deleted file mode 100644
index 337a021..0000000
--- a/cn/guide/contributing.html
+++ /dev/null
@@ -1,591 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
- <meta charset="utf-8">
-
- <title>如何参与社区 | Weex</title>
- <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
- <meta name="description" content="如何参与社区加入 Weex 邮件列表 (Mailing List)在 Weex 官方社区所有的信息都会汇聚于邮件列表。订阅开发邮件列表的方式是发送邮件到 dev-subscribe@weex.incubator.apache.org 然后你的邮箱会收到一封来自 Apache 的回信 (英文)，把 Apache 的这封回信再次回复过去，即可完成订阅。 这里需要强调的是 Apache 是一个面向全球的">
-<meta property="og:type" content="website">
-<meta property="og:title" content="如何参与社区">
-<meta property="og:url" content="https://weex-project.io/cn/guide/contributing.html">
-<meta property="og:site_name" content="Weex">
-<meta property="og:description" content="如何参与社区加入 Weex 邮件列表 (Mailing List)在 Weex 官方社区所有的信息都会汇聚于邮件列表。订阅开发邮件列表的方式是发送邮件到 dev-subscribe@weex.incubator.apache.org 然后你的邮箱会收到一封来自 Apache 的回信 (英文)，把 Apache 的这封回信再次回复过去，即可完成订阅。 这里需要强调的是 Apache 是一个面向全球的">
-<meta property="og:updated_time" content="2017-06-14T04:08:17.000Z">
-<meta name="twitter:card" content="summary">
-<meta name="twitter:title" content="如何参与社区">
-<meta name="twitter:description" content="如何参与社区加入 Weex 邮件列表 (Mailing List)在 Weex 官方社区所有的信息都会汇聚于邮件列表。订阅开发邮件列表的方式是发送邮件到 dev-subscribe@weex.incubator.apache.org 然后你的邮箱会收到一封来自 Apache 的回信 (英文)，把 Apache 的这封回信再次回复过去，即可完成订阅。 这里需要强调的是 Apache 是一个面向全球的">
-
- <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="guide" class="lang-cn">
-
- <script>
- window.PAGE_TYPE = "guide";
- 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="/guide/contributing.html" data-lang="en">English</a>
- </li>
- <li>
- <a href="/cn/guide/contributing.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">
-
- <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>
-
-
-<div class="doc-nav-version">
- <select class="versionBtn" stype="/cn/guide">
-
- <option value="2v" selected>v2.x</option>
- <option value="1v">v1.x</option>
-
- </select>
-</div>
-<div class="summary">
- <h2 class="part-title">
-
- 教程
-
- </h2>
- <ul class="doc-summary">
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- <li>
- <h3 class="chapter-title"><a href="/cn/guide/index.html" class="sidebar-link ">快速上手</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/guide/set-up-env.html" class="sidebar-link ">搭建开发环境</a>
- </li>
-
- <li>
- <a href="/cn/guide/integrate-to-your-app.html" class="sidebar-link ">集成 Weex 到已有应用</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/guide/intro/index.html" class="sidebar-link ">介绍</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/guide/intro/how-it-works.html" class="sidebar-link ">工作原理</a>
- </li>
-
- <li>
- <a href="/cn/guide/intro/web-dev-experience.html" class="sidebar-link ">Web 开发体验</a>
- </li>
-
- <li>
- <a href="/cn/guide/intro/using-vue.html" class="sidebar-link ">使用 Vue 开发 Weex 页面</a>
- </li>
-
- <li>
- <a href="/cn/guide/intro/write-once.html" class="sidebar-link ">一次撰写，多端运行</a>
- </li>
-
- <li>
- <a href="/cn/guide/intro/app-architecture.html" class="sidebar-link ">用 Weex 构建移动应用</a>
- </li>
-
- <li>
- <a href="/cn/guide/intro/page-architecture.html" class="sidebar-link ">Weex 页面结构</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/guide/tools/index.html" class="sidebar-link ">周边工具</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/guide/tools/toolkit.html" class="sidebar-link ">使用 weex-toolkit</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/guide/contributing.html" class="sidebar-link current ">如何参与社区</a></h3>
-
- </li>
-
-
- </ul>
-</div>
-
- <a class="btn-close-sidebar iconfont icon-close"></a>
- </div>
-</div>
-
- <div class="article-wrapper page-layout">
- <div class="doc-nav">
-
-
-
-<div class="doc-nav-version">
- <select class="versionBtn" stype="/cn/guide">
-
- <option value="2v" selected>v2.x</option>
- <option value="1v">v1.x</option>
-
- </select>
-</div>
-<div class="summary">
- <h2 class="part-title">
-
- 教程
-
- </h2>
- <ul class="doc-summary">
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- <li>
- <h3 class="chapter-title"><a href="/cn/guide/index.html" class="sidebar-link ">快速上手</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/guide/set-up-env.html" class="sidebar-link ">搭建开发环境</a>
- </li>
-
- <li>
- <a href="/cn/guide/integrate-to-your-app.html" class="sidebar-link ">集成 Weex 到已有应用</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/guide/intro/index.html" class="sidebar-link ">介绍</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/guide/intro/how-it-works.html" class="sidebar-link ">工作原理</a>
- </li>
-
- <li>
- <a href="/cn/guide/intro/web-dev-experience.html" class="sidebar-link ">Web 开发体验</a>
- </li>
-
- <li>
- <a href="/cn/guide/intro/using-vue.html" class="sidebar-link ">使用 Vue 开发 Weex 页面</a>
- </li>
-
- <li>
- <a href="/cn/guide/intro/write-once.html" class="sidebar-link ">一次撰写，多端运行</a>
- </li>
-
- <li>
- <a href="/cn/guide/intro/app-architecture.html" class="sidebar-link ">用 Weex 构建移动应用</a>
- </li>
-
- <li>
- <a href="/cn/guide/intro/page-architecture.html" class="sidebar-link ">Weex 页面结构</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/guide/tools/index.html" class="sidebar-link ">周边工具</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/guide/tools/toolkit.html" class="sidebar-link ">使用 weex-toolkit</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/guide/contributing.html" class="sidebar-link current ">如何参与社区</a></h3>
-
- </li>
-
-
- </ul>
-</div>
- </div>
-
-
-<article class="article article-type-guide">
- <div class="article-entry" itemprop="articleBody">
- <header class="article-header">
-
-
- <h1 class="article-title" itemprop="name">
- 如何参与社区
- </h1>
-
-
- <time class="article-date" datetime="2017-06-14T04:08:17.000Z">Updated time: 14/06/2017</time>
-</header>
- <h1 id="如何参与社区" class="article-heading"><a href="#如何参与社区" class="headerlink" title="如何参与社区"></a>如何参与社区<a class="article-anchor" href="#如何参与社区" aria-hidden="true"></a></h1><h2 id="加入-Weex-邮件列表-Mailing-List" class="article-heading"><a href="#加入-Weex-邮件列表-Mailing-List" class="headerlink" title="加入 Weex 邮件列表 (Mailing List)"></a>加入 Weex 邮件列表 (Mailing List)<a class="article-anchor" href="#加入-Weex-邮件列表-Mailing-List" aria-hidden="true"></a></h2><p>在 Weex 官方社区所有的信息都会汇聚于邮件列表。订阅开发邮件列表的方式是发送邮件到 <code>dev-subscribe@weex.incubator.apache.org</code> 然后你的邮箱会收到一封来自 Apache 的回信 (英文)，把 Apache 的这封回信再次回复过去，即可完成订阅。</p>
-<p>这里需要强调的是 Apache 是一个面向全球的全英文的社区，所以我们希望您能够用英文在邮件列表中跟大家交流。</p>
-<p>如果您确实对使用英文存在很大的疑虑或困惑，我们也非常欢迎大家来中文问答平台 <a href="https://segmentfault.com/t/weex" target="_blank" rel="external">SegmentFault</a> 提问，这里有非常多热心的开发者一起讨论和解答 Weex 相关的问题。</p>
-<p>使用邮件列表的另外一个好处是它可以方便大家随时查阅之前的邮件记录: <a href="http://mail-archives.apache.org/mod_mbox/incubator-weex-dev/" target="_blank" rel="external">http://mail-archives.apache.org/mod_mbox/incubator-weex-dev/</a></p>
-<p><em>如果您对邮件列表中的内容已经不再感兴趣，这里也有退订邮件列表的方法: 发送邮件至 <code>dev-unsubscribe@weex.incubator.apache.org</code> 并根据回信的提示进行二次回复确认，完成退订。</em></p>
-<p>除了开发 (dev) 邮件列表，我们还有另外几个的邮件列表供大家查阅：<a href="http://mail-archives.apache.org/mod_mbox/#weex.incubator" target="_blank" rel="external">http://mail-archives.apache.org/mod_mbox/#weex.incubator</a></p>
-<h2 id="分支管理-英" class="article-heading"><a href="#分支管理-英" class="headerlink" title="分支管理 (英)"></a>分支管理 (英)<a class="article-anchor" href="#分支管理-英" aria-hidden="true"></a></h2><figure class="highlight plain"><table><tr><td class="code"><pre><div class="line">master</div><div class="line"> ↑</div><div class="line">dev <--- PR(hotfix/typo/3rd-PR)</div><div class="line"> ↑ PR</div><div class="line">{domain}-feature-{date}</div></pre></td></tr></table></figure>
-<ol>
-<li><code>master</code> branch<ol>
-<li><code>master</code> is the latest (pre-)release branch.</li>
-</ol>
-</li>
-<li><code>dev</code> branch<ol>
-<li><code>dev</code> is the stable developing branch.</li>
-<li><strong><em>It’s RECOMMENDED to commit hotfix (like typo) or feature PR to <code>dev</code></em></strong>.</li>
-</ol>
-</li>
-<li><code>{domain}-feature-{date}</code> branch<ol>
-<li>The branch for a developing iteration, e.g. <code>android-feature-20160607</code> is an android developing iteration which is done at 2016.06.07. <code>{domain}</code> consists of <code>android</code>, <code>ios</code>, <code>jsfm</code> and <code>html5</code>. </li>
-<li><strong>DO NOT commit any PR to such a branch</strong>.</li>
-</ol>
-</li>
-</ol>
-<h3 id="分支命名" class="article-heading"><a href="#分支命名" class="headerlink" title="分支命名"></a>分支命名<a class="article-anchor" href="#分支命名" aria-hidden="true"></a></h3><figure class="highlight plain"><table><tr><td class="code"><pre><div class="line">{module}-{action}-{shortName}</div></pre></td></tr></table></figure>
-<ul>
-<li><code>{module}</code>, see <a href="#commit-log">commit log module</a></li>
-<li><code>{action}</code><ul>
-<li><code>feature</code>: checkout from <code>{module}</code> and merge to <code>{module}</code> later. If <code>{module}</code> not exists, merge to <code>dev</code></li>
-<li><code>bugfix</code>: like <code>feature</code>, for bugfix only</li>
-<li><code>hotfix</code>: checkout from <code>master</code> or release <code>tag</code>, merge to <code>master</code> and <code>{module}</code> later. If <code>{module}</code> not exists, merge to <code>dev</code></li>
-</ul>
-</li>
-</ul>
-<p>for example:</p>
-<ul>
-<li><code>android-bugfix-memory</code></li>
-<li><code>jsfm-feature-communication</code></li>
-<li><code>android-hotfix-compute-layout</code></li>
-</ul>
-<h2 id="提交日志格式-英" class="article-heading"><a href="#提交日志格式-英" class="headerlink" title="提交日志格式 (英)"></a>提交日志格式 (英)<a class="article-anchor" href="#提交日志格式-英" aria-hidden="true"></a></h2><figure class="highlight plain"><table><tr><td class="code"><pre><div class="line">{action} [{module}] {description}</div></pre></td></tr></table></figure>
-<ul>
-<li><code>{action}</code><ul>
-<li><code>+</code> add</li>
-<li><code>*</code> update or bugfix</li>
-<li><code>-</code> remove</li>
-</ul>
-</li>
-<li><code>{module}</code><ul>
-<li>Including: android, ios, jsfm, html5, component, doc, website, example, test, all </li>
-</ul>
-</li>
-<li><code>{description}</code><ul>
-<li>Just make it as clear and simple as possible.</li>
-</ul>
-</li>
-</ul>
-<p>for example:</p>
-<ul>
-<li><code>+ [android] close #123, add refreshing for WebView</code></li>
-<li><code>* [doc] fix #123, update video auto-play property</code></li>
-<li><code>- [example] remove abc</code></li>
-</ul>
-<h2 id="发送-Pull-Request-英" class="article-heading"><a href="#发送-Pull-Request-英" class="headerlink" title="发送 Pull Request (英)"></a>发送 Pull Request (英)<a class="article-anchor" href="#发送-Pull-Request-英" aria-hidden="true"></a></h2><p>You can <a href="https://github.com/apache/incubator-weex/compare" target="_blank" rel="external">create pull requests</a> in GitHub.</p>
-<ol>
-<li>First we suggest you have some discussion with the community (commonly in our mailing list) before you code.</li>
-<li>Fork repo from <a href="https://github.com/apache/incubator-weex/" target="_blank" rel="external">https://github.com/apache/incubator-weex/</a></li>
-<li>Finish the job you want to do.</li>
-<li>Create a pull request.</li>
-</ol>
-<h2 id="编码规范-英" class="article-heading"><a href="#编码规范-英" class="headerlink" title="编码规范 (英)"></a>编码规范 (英)<a class="article-anchor" href="#编码规范-英" aria-hidden="true"></a></h2><h3 id="Objective-C" class="article-heading"><a href="#Objective-C" class="headerlink" title="Objective-C"></a>Objective-C<a class="article-anchor" href="#Objective-C" aria-hidden="true"></a></h3><ul>
-<li>Tabs for indentation(not spaces)</li>
-<li><code>*</code> operator goes with the variable name (e.g. Type *variable;)</li>
-<li>Function definitions: place each brace on its own line.</li>
-<li>Other braces: place the open brace on the line preceding the code block; place the close brace on its own line.</li>
-<li>Use <code>#pragma marks</code> to categorize methods into functional groupings and protocol implementations</li>
-<li>Follow other guidelines on <a href="https://github.com/github/objective-c-style-guide" target="_blank" rel="external">GitHub Objective-C Style Guide</a></li>
-</ul>
-<h3 id="Java-amp-Android" class="article-heading"><a href="#Java-amp-Android" class="headerlink" title="Java & Android"></a>Java & Android<a class="article-anchor" href="#Java-amp-Android" aria-hidden="true"></a></h3><ul>
-<li>Use <a href="https://google.github.io/styleguide/javaguide.html" target="_blank" rel="external">Google Java Style</a> as basic guidelines of java code.</li>
-<li>Follow <a href="https://source.android.com/source/code-style.html" target="_blank" rel="external">AOSP Code Style</a> for rest of android related code style.</li>
-</ul>
-
- </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="/guide/contributing.html" data-lang="en">English</a>
- </li>
- <li>
- <a href="/cn/guide/contributing.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/55f57f79/cn/guide/images/flow.png
----------------------------------------------------------------------
diff --git a/cn/guide/images/flow.png b/cn/guide/images/flow.png
deleted file mode 100644
index c5a1b61..0000000
Binary files a/cn/guide/images/flow.png and /dev/null differ
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/55f57f79/cn/guide/images/tut-cli-qrcode.png
----------------------------------------------------------------------
diff --git a/cn/guide/images/tut-cli-qrcode.png b/cn/guide/images/tut-cli-qrcode.png
deleted file mode 100644
index 9068c14..0000000
Binary files a/cn/guide/images/tut-cli-qrcode.png and /dev/null differ
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/55f57f79/cn/guide/images/tut-first.png
----------------------------------------------------------------------
diff --git a/cn/guide/images/tut-first.png b/cn/guide/images/tut-first.png
deleted file mode 100644
index c8505e6..0000000
Binary files a/cn/guide/images/tut-first.png and /dev/null differ
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/55f57f79/cn/guide/images/tut-second.png
----------------------------------------------------------------------
diff --git a/cn/guide/images/tut-second.png b/cn/guide/images/tut-second.png
deleted file mode 100644
index 1259abf..0000000
Binary files a/cn/guide/images/tut-second.png and /dev/null differ
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/55f57f79/cn/guide/images/tut1.jpg
----------------------------------------------------------------------
diff --git a/cn/guide/images/tut1.jpg b/cn/guide/images/tut1.jpg
deleted file mode 100644
index 8af0f3f..0000000
Binary files a/cn/guide/images/tut1.jpg and /dev/null differ
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/55f57f79/cn/guide/images/tut2.jpg
----------------------------------------------------------------------
diff --git a/cn/guide/images/tut2.jpg b/cn/guide/images/tut2.jpg
deleted file mode 100644
index c3e8a6e..0000000
Binary files a/cn/guide/images/tut2.jpg and /dev/null differ
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/55f57f79/cn/guide/images/tut3.png
----------------------------------------------------------------------
diff --git a/cn/guide/images/tut3.png b/cn/guide/images/tut3.png
deleted file mode 100644
index 5473905..0000000
Binary files a/cn/guide/images/tut3.png and /dev/null differ
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/55f57f79/cn/guide/images/tut4.gif
----------------------------------------------------------------------
diff --git a/cn/guide/images/tut4.gif b/cn/guide/images/tut4.gif
deleted file mode 100644
index eed4395..0000000
Binary files a/cn/guide/images/tut4.gif and /dev/null differ
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/55f57f79/cn/guide/index.html
----------------------------------------------------------------------
diff --git a/cn/guide/index.html b/cn/guide/index.html
deleted file mode 100644
index a9c90e7..0000000
--- a/cn/guide/index.html
+++ /dev/null
@@ -1,524 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
- <meta charset="utf-8">
-
- <title>快速上手 | Weex</title>
- <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
- <meta name="description" content="快速上手Weex 是一套简单易用的跨平台开发方案，能以 web 的开发体验构建高性能、可扩展的 native 应用，为了做到这些，Weex 与 Vue 合作，使用 Vue 作为上层框架，并遵循 W3C 标准实现了统一的 JSEngine 和 DOM API，这样一来，你甚至可以使用其他框架驱动 Weex，打造三端一致的 native 应用。 Vue 是什么？Vue.js 是 Evan You 开">
-<meta property="og:type" content="website">
-<meta property="og:title" content="快速上手">
-<meta property="og:url" content="https://weex-project.io/cn/guide/index.html">
-<meta property="og:site_name" content="Weex">
-<meta property="og:description" content="快速上手Weex 是一套简单易用的跨平台开发方案，能以 web 的开发体验构建高性能、可扩展的 native 应用，为了做到这些，Weex 与 Vue 合作，使用 Vue 作为上层框架，并遵循 W3C 标准实现了统一的 JSEngine 和 DOM API，这样一来，你甚至可以使用其他框架驱动 Weex，打造三端一致的 native 应用。 Vue 是什么？Vue.js 是 Evan You 开">
-<meta property="og:image" content="https://img.alicdn.com/tps/TB1Ymw3OpXXXXcvXpXXXXXXXXXX-500-1013.jpg">
-<meta property="og:updated_time" content="2017-06-14T04:08:17.000Z">
-<meta name="twitter:card" content="summary">
-<meta name="twitter:title" content="快速上手">
-<meta name="twitter:description" content="快速上手Weex 是一套简单易用的跨平台开发方案，能以 web 的开发体验构建高性能、可扩展的 native 应用，为了做到这些，Weex 与 Vue 合作，使用 Vue 作为上层框架，并遵循 W3C 标准实现了统一的 JSEngine 和 DOM API，这样一来，你甚至可以使用其他框架驱动 Weex，打造三端一致的 native 应用。 Vue 是什么？Vue.js 是 Evan You 开">
-<meta name="twitter:image" content="https://img.alicdn.com/tps/TB1Ymw3OpXXXXcvXpXXXXXXXXXX-500-1013.jpg">
-
- <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="guide" class="lang-cn">
-
- <script>
- window.PAGE_TYPE = "guide";
- 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="/guide/index.html" data-lang="en">English</a>
- </li>
- <li>
- <a href="/cn/guide/index.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">
-
- <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>
-
-
-<div class="doc-nav-version">
- <select class="versionBtn" stype="/cn/guide">
-
- <option value="2v" selected>v2.x</option>
- <option value="1v">v1.x</option>
-
- </select>
-</div>
-<div class="summary">
- <h2 class="part-title">
-
- 教程
-
- </h2>
- <ul class="doc-summary">
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- <li>
- <h3 class="chapter-title"><a href="/cn/guide/index.html" class="sidebar-link current ">快速上手</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/guide/set-up-env.html" class="sidebar-link ">搭建开发环境</a>
- </li>
-
- <li>
- <a href="/cn/guide/integrate-to-your-app.html" class="sidebar-link ">集成 Weex 到已有应用</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/guide/intro/index.html" class="sidebar-link ">介绍</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/guide/intro/how-it-works.html" class="sidebar-link ">工作原理</a>
- </li>
-
- <li>
- <a href="/cn/guide/intro/web-dev-experience.html" class="sidebar-link ">Web 开发体验</a>
- </li>
-
- <li>
- <a href="/cn/guide/intro/using-vue.html" class="sidebar-link ">使用 Vue 开发 Weex 页面</a>
- </li>
-
- <li>
- <a href="/cn/guide/intro/write-once.html" class="sidebar-link ">一次撰写，多端运行</a>
- </li>
-
- <li>
- <a href="/cn/guide/intro/app-architecture.html" class="sidebar-link ">用 Weex 构建移动应用</a>
- </li>
-
- <li>
- <a href="/cn/guide/intro/page-architecture.html" class="sidebar-link ">Weex 页面结构</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/guide/tools/index.html" class="sidebar-link ">周边工具</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/guide/tools/toolkit.html" class="sidebar-link ">使用 weex-toolkit</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/guide/contributing.html" class="sidebar-link ">如何参与社区</a></h3>
-
- </li>
-
-
- </ul>
-</div>
-
- <a class="btn-close-sidebar iconfont icon-close"></a>
- </div>
-</div>
-
- <div class="article-wrapper page-layout">
- <div class="doc-nav">
-
-
-
-<div class="doc-nav-version">
- <select class="versionBtn" stype="/cn/guide">
-
- <option value="2v" selected>v2.x</option>
- <option value="1v">v1.x</option>
-
- </select>
-</div>
-<div class="summary">
- <h2 class="part-title">
-
- 教程
-
- </h2>
- <ul class="doc-summary">
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- <li>
- <h3 class="chapter-title"><a href="/cn/guide/index.html" class="sidebar-link current ">快速上手</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/guide/set-up-env.html" class="sidebar-link ">搭建开发环境</a>
- </li>
-
- <li>
- <a href="/cn/guide/integrate-to-your-app.html" class="sidebar-link ">集成 Weex 到已有应用</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/guide/intro/index.html" class="sidebar-link ">介绍</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/guide/intro/how-it-works.html" class="sidebar-link ">工作原理</a>
- </li>
-
- <li>
- <a href="/cn/guide/intro/web-dev-experience.html" class="sidebar-link ">Web 开发体验</a>
- </li>
-
- <li>
- <a href="/cn/guide/intro/using-vue.html" class="sidebar-link ">使用 Vue 开发 Weex 页面</a>
- </li>
-
- <li>
- <a href="/cn/guide/intro/write-once.html" class="sidebar-link ">一次撰写，多端运行</a>
- </li>
-
- <li>
- <a href="/cn/guide/intro/app-architecture.html" class="sidebar-link ">用 Weex 构建移动应用</a>
- </li>
-
- <li>
- <a href="/cn/guide/intro/page-architecture.html" class="sidebar-link ">Weex 页面结构</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/guide/tools/index.html" class="sidebar-link ">周边工具</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/guide/tools/toolkit.html" class="sidebar-link ">使用 weex-toolkit</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/guide/contributing.html" class="sidebar-link ">如何参与社区</a></h3>
-
- </li>
-
-
- </ul>
-</div>
- </div>
-
-
-<article class="article article-type-guide">
- <div class="article-entry" itemprop="articleBody">
- <header class="article-header">
-
-
- <h1 class="article-title" itemprop="name">
- 快速上手
- </h1>
-
-
- <time class="article-date" datetime="2017-06-14T04:08:17.000Z">Updated time: 14/06/2017</time>
-</header>
- <h1 id="快速上手" class="article-heading"><a href="#快速上手" class="headerlink" title="快速上手"></a>快速上手<a class="article-anchor" href="#快速上手" aria-hidden="true"></a></h1><p>Weex 是一套简单易用的跨平台开发方案，能以 web 的开发体验构建高性能、可扩展的 native 应用，为了做到这些，Weex 与 Vue 合作，使用 Vue 作为上层框架，并遵循 W3C 标准实现了统一的 JSEngine 和 DOM API，这样一来，你甚至可以使用其他框架驱动 Weex，打造三端一致的 native 应用。</p>
-<h2 id="Vue-是什么？" class="article-heading"><a href="#Vue-是什么？" class="headerlink" title="Vue 是什么？"></a>Vue 是什么？<a class="article-anchor" href="#Vue-是什么？" aria-hidden="true"></a></h2><p>Vue.js 是 Evan You 开发的渐进式 JavaScript 框架。开发者能够通过撰写 <code>*.vue</code> 文件，基于 <code><template></code>, <code><style></code>, <code><script></code> 快速构建组件化的 web 应用。</p>
-<h2 id="Hello-World" class="article-heading"><a href="#Hello-World" class="headerlink" title="Hello World"></a>Hello World<a class="article-anchor" href="#Hello-World" aria-hidden="true"></a></h2><p>尝试 Weex 最简单的方法是使用 <a href="https://alibaba.github.io/weex/download.html" target="_blank" rel="external">Playground App</a> 和在 <a href="http://dotwe.org" target="_blank" rel="external">dotWe</a> 编写一个 <a href="http://dotwe.org/vue/4d5a0471ece3daabd4681bc6d703c4c1" target="_blank" rel="external">Hello World</a> 例子。你不需要考虑安装开发环境或编写 native 代码，只需要做下面两件事：</p>
-<ul>
-<li>为你的手机安装 <a href="https://alibaba.github.io/weex/download.html" target="_blank" rel="external">Playground App</a>，当然，Weex 是跨平台的框架，你依然可以使用浏览器进行预览，只是这样你就无法感受到 native 优秀的体验了。</li>
-<li>在新标签页中打开 <a href="http://dotwe.org/vue/4d5a0471ece3daabd4681bc6d703c4c1" target="_blank" rel="external">Hello World</a> 例子，点击预览，然后用 Playground 扫码即可。</li>
-</ul>
-<p>在这个例子中，我们看到了熟悉的 HTML 语义化标签、CSS 样式和 Javascript 代码。这是一个最简单的 Weex 示例，它在页面中渲染了一个 “Hello World”。请注意，这不是一个 H5 页面，而是 native 的。</p>
-<p><img src="https://img.alicdn.com/tps/TB1Ymw3OpXXXXcvXpXXXXXXXXXX-500-1013.jpg" alt="mobile_preview"></p>
-<h3 id="发生了什么？" class="article-heading"><a href="#发生了什么？" class="headerlink" title="发生了什么？"></a>发生了什么？<a class="article-anchor" href="#发生了什么？" aria-hidden="true"></a></h3><p>就如示例代码所示：</p>
-<figure class="highlight html"><table><tr><td class="code"><pre><div class="line"><span class="tag"><<span class="name">template</span>></span></div><div class="line"> <span class="tag"><<span class="name">div</span>></span></div><div class="line"> <span class="tag"><<span class="name">text</span> <span class="attr">class</span>=<span class="string">"text"</span>></span>{{text}}<span class="tag"></<span class="name">text</span>></span></div><div class="line"> <span class="tag"></<span class="name">div</span>></span></div><div class="line"><span class="tag"></<span class="name">template</span>></span></div><div class="line"></div><div class="line"><span class="tag"><<span class="name">style</span>></span><span class="css"></span></div><div class="line"> <span class="selector-class">.text</span> {</div><div class="line"> <span class="attribute">font-size</span>: <span class="number">50</span>;</div><div class=
"line"> }</div><div class="line"><span class="tag"></<span class="name">style</span>></span></div><div class="line"></div><div class="line"><span class="tag"><<span class="name">script</span>></span><span class="javascript"></span></div><div class="line"> <span class="keyword">export</span> <span class="keyword">default</span> {</div><div class="line"> data () {</div><div class="line"> <span class="keyword">return</span> {</div><div class="line"> <span class="attr">text</span>: <span class="string">'Hello World.'</span></div><div class="line"> }</div><div class="line"> }</div><div class="line"> }</div><div class="line"><span class="tag"></<span class="name">script</span>></span></div></pre></td></tr></table></figure>
-<p>我们暂时不去关心 Weex 的技术细节，仅看大致的代码结构，我们可以看到语法就是我们熟悉的 Vue。你可以修改这个例子，再次扫码尝试。</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="/guide/index.html" data-lang="en">English</a>
- </li>
- <li>
- <a href="/cn/guide/index.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/55f57f79/cn/guide/integrate-to-your-app.html
----------------------------------------------------------------------
diff --git a/cn/guide/integrate-to-your-app.html b/cn/guide/integrate-to-your-app.html
deleted file mode 100644
index 71bfcf7..0000000
--- a/cn/guide/integrate-to-your-app.html
+++ /dev/null
@@ -1,575 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
- <meta charset="utf-8">
-
- <title>集成 Weex 到已有应用 | Weex</title>
- <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
- <meta name="description" content="集成 Weex 到已有应用集成到 Android注：以下文档都是假设您已经具备一定的Android开发经验。 Android 集成有两种方式 源码依赖：能够快速使用WEEX最新功能，可以根据自己项目的特性进行相关改进。 SDK依赖：WEEX 会在jcenter 定期发布稳定版本。jcenter注:国内可能需要翻墙 前期准备 已经安装了JDK version&gt;=1.7 并配置了环境变量 已经">
-<meta property="og:type" content="website">
-<meta property="og:title" content="集成 Weex 到已有应用">
-<meta property="og:url" content="https://weex-project.io/cn/guide/integrate-to-your-app.html">
-<meta property="og:site_name" content="Weex">
-<meta property="og:description" content="集成 Weex 到已有应用集成到 Android注：以下文档都是假设您已经具备一定的Android开发经验。 Android 集成有两种方式 源码依赖：能够快速使用WEEX最新功能，可以根据自己项目的特性进行相关改进。 SDK依赖：WEEX 会在jcenter 定期发布稳定版本。jcenter注:国内可能需要翻墙 前期准备 已经安装了JDK version&gt;=1.7 并配置了环境变量 已经">
-<meta property="og:updated_time" content="2017-06-14T04:08:17.000Z">
-<meta name="twitter:card" content="summary">
-<meta name="twitter:title" content="集成 Weex 到已有应用">
-<meta name="twitter:description" content="集成 Weex 到已有应用集成到 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="guide" class="lang-cn">
-
- <script>
- window.PAGE_TYPE = "guide";
- 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="/guide/integrate-to-your-app.html" data-lang="en">English</a>
- </li>
- <li>
- <a href="/cn/guide/integrate-to-your-app.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">
-
- <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>
-
-
-<div class="doc-nav-version">
- <select class="versionBtn" stype="/cn/guide">
-
- <option value="2v" selected>v2.x</option>
- <option value="1v">v1.x</option>
-
- </select>
-</div>
-<div class="summary">
- <h2 class="part-title">
-
- 教程
-
- </h2>
- <ul class="doc-summary">
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- <li>
- <h3 class="chapter-title"><a href="/cn/guide/index.html" class="sidebar-link ">快速上手</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/guide/set-up-env.html" class="sidebar-link ">搭建开发环境</a>
- </li>
-
- <li>
- <a href="/cn/guide/integrate-to-your-app.html" class="sidebar-link current ">集成 Weex 到已有应用</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/guide/intro/index.html" class="sidebar-link ">介绍</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/guide/intro/how-it-works.html" class="sidebar-link ">工作原理</a>
- </li>
-
- <li>
- <a href="/cn/guide/intro/web-dev-experience.html" class="sidebar-link ">Web 开发体验</a>
- </li>
-
- <li>
- <a href="/cn/guide/intro/using-vue.html" class="sidebar-link ">使用 Vue 开发 Weex 页面</a>
- </li>
-
- <li>
- <a href="/cn/guide/intro/write-once.html" class="sidebar-link ">一次撰写，多端运行</a>
- </li>
-
- <li>
- <a href="/cn/guide/intro/app-architecture.html" class="sidebar-link ">用 Weex 构建移动应用</a>
- </li>
-
- <li>
- <a href="/cn/guide/intro/page-architecture.html" class="sidebar-link ">Weex 页面结构</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/guide/tools/index.html" class="sidebar-link ">周边工具</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/guide/tools/toolkit.html" class="sidebar-link ">使用 weex-toolkit</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/guide/contributing.html" class="sidebar-link ">如何参与社区</a></h3>
-
- </li>
-
-
- </ul>
-</div>
-
- <a class="btn-close-sidebar iconfont icon-close"></a>
- </div>
-</div>
-
- <div class="article-wrapper page-layout">
- <div class="doc-nav">
-
-
-
-<div class="doc-nav-version">
- <select class="versionBtn" stype="/cn/guide">
-
- <option value="2v" selected>v2.x</option>
- <option value="1v">v1.x</option>
-
- </select>
-</div>
-<div class="summary">
- <h2 class="part-title">
-
- 教程
-
- </h2>
- <ul class="doc-summary">
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- <li>
- <h3 class="chapter-title"><a href="/cn/guide/index.html" class="sidebar-link ">快速上手</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/guide/set-up-env.html" class="sidebar-link ">搭建开发环境</a>
- </li>
-
- <li>
- <a href="/cn/guide/integrate-to-your-app.html" class="sidebar-link current ">集成 Weex 到已有应用</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/guide/intro/index.html" class="sidebar-link ">介绍</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/guide/intro/how-it-works.html" class="sidebar-link ">工作原理</a>
- </li>
-
- <li>
- <a href="/cn/guide/intro/web-dev-experience.html" class="sidebar-link ">Web 开发体验</a>
- </li>
-
- <li>
- <a href="/cn/guide/intro/using-vue.html" class="sidebar-link ">使用 Vue 开发 Weex 页面</a>
- </li>
-
- <li>
- <a href="/cn/guide/intro/write-once.html" class="sidebar-link ">一次撰写，多端运行</a>
- </li>
-
- <li>
- <a href="/cn/guide/intro/app-architecture.html" class="sidebar-link ">用 Weex 构建移动应用</a>
- </li>
-
- <li>
- <a href="/cn/guide/intro/page-architecture.html" class="sidebar-link ">Weex 页面结构</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/guide/tools/index.html" class="sidebar-link ">周边工具</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/guide/tools/toolkit.html" class="sidebar-link ">使用 weex-toolkit</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/guide/contributing.html" class="sidebar-link ">如何参与社区</a></h3>
-
- </li>
-
-
- </ul>
-</div>
- </div>
-
-
-<article class="article article-type-guide">
- <div class="article-entry" itemprop="articleBody">
- <header class="article-header">
-
-
- <h1 class="article-title" itemprop="name">
- 集成 Weex 到已有应用
- </h1>
-
-
- <time class="article-date" datetime="2017-06-14T04:08:17.000Z">Updated time: 14/06/2017</time>
-</header>
- <h1 id="集成-Weex-到已有应用" class="article-heading"><a href="#集成-Weex-到已有应用" class="headerlink" title="集成 Weex 到已有应用"></a>集成 Weex 到已有应用<a class="article-anchor" href="#集成-Weex-到已有应用" aria-hidden="true"></a></h1><h2 id="集成到-Android" class="article-heading"><a href="#集成到-Android" class="headerlink" title="集成到 Android"></a>集成到 Android<a class="article-anchor" href="#集成到-Android" aria-hidden="true"></a></h2><p>注：以下文档都是假设您已经具备一定的Android开发经验。</p>
-<h3 id="Android-集成有两种方式" class="article-heading"><a href="#Android-集成有两种方式" class="headerlink" title="Android 集成有两种方式"></a>Android 集成有两种方式<a class="article-anchor" href="#Android-集成有两种方式" aria-hidden="true"></a></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>
-<h3 id="前期准备" class="article-heading"><a href="#前期准备" class="headerlink" title="前期准备"></a>前期准备<a class="article-anchor" href="#前期准备" aria-hidden="true"></a></h3><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>
-<h3 id="快速接入" class="article-heading"><a href="#快速接入" class="headerlink" title="快速接入"></a>快速接入<a class="article-anchor" href="#快速接入" aria-hidden="true"></a></h3><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>
-<p>注:版本可以高不可以低。 </p>
-</li>
-</ol>
-<h4 id="代码实现" class="article-heading"><a href="#代码实现" class="headerlink" title="代码实现"></a>代码实现<a class="article-anchor" href="#代码实现" aria-hidden="true"></a></h4><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>
-<h3 id="源码依赖-IDE-Android-Studio" class="article-heading"><a href="#源码依赖-IDE-Android-Studio" class="headerlink" title="源码依赖(IDE Android Studio)"></a>源码依赖(IDE Android Studio)<a class="article-anchor" href="#源码依赖-IDE-Android-Studio" aria-hidden="true"></a></h3><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>
-<h4 id="附录" class="article-heading"><a href="#附录" class="headerlink" title="附录"></a>附录<a class="article-anchor" href="#附录" aria-hidden="true"></a></h4><p>WXSample地址</p>
-<p><code>https://github.com/xkli/WXSample.git</code></p>
-<h2 id="集成到-iOS" class="article-heading"><a href="#集成到-iOS" class="headerlink" title="集成到 iOS"></a>集成到 iOS<a class="article-anchor" href="#集成到-iOS" aria-hidden="true"></a></h2><h3 id="通过cocoaPods-集成-Weex-iOS-SDK到你的项目" class="article-heading"><a href="#通过cocoaPods-集成-Weex-iOS-SDK到你的项目" class="headerlink" title="通过cocoaPods 集成 Weex iOS SDK到你的项目"></a>通过cocoaPods 集成 Weex iOS SDK到你的项目<a class="article-anchor" href="#通过cocoaPods-集成-Weex-iOS-SDK到你的项目" aria-hidden="true"></a></h3><p>首先假设你已经完成了安装 <a href="https://developer.apple.com/library/ios/documentation/IDEs/Conceptual/AppStoreDistributionTutorial/Setup/Setup.html" target="_blank" rel="external">iOS 开发环境</a> 和 <a href="https://guides.cocoapods.org/using/getting-started.html" target="_blank" rel="external">CocoaPods</a></p>
-<h4 id="第一步：添加依赖" class="article-heading"><a href="#第一步：添加依赖" class="headerlink" title="第一步：添加依赖"></a>第一步：添加依赖<a class="article-anchor" href="#第一步：添加依赖" aria-hidden="true"></a></h4><p>导入 Weex iOS SDK 到你已有的项目, 如果没有，可以<a href="https://developer.apple.com/library/ios/documentation/IDEs/Conceptual/AppStoreDistributionTutorial/Setup/Setup.html" target="_blank" rel="external">参考</a>新建项目<br>在继续下面内容之前，确保你已有的项目目录有名称为 <code>Podfile</code> 文件，如果没有，创建一个，用文本编辑器打开</p>
-<ul>
-<li><p>集成 framework </p>
-<p>WeexSDK 在 cocoaPods 上最新版本 可以在<a href="https://cocoapods.org/pods/WeexSDK" target="_blank" rel="external">这</a>获取 </p>
-<p>在 <code>Podfile</code> 文件中添加如下内容</p>
-<figure class="highlight plain"><table><tr><td class="code"><pre><div class="line">source 'git@github.com:CocoaPods/Specs.git' </div><div class="line">target 'YourTarget' do</div><div class="line"> platform :ios, '7.0' </div><div class="line"> pod 'WeexSDK', '0.9.5' ## 建议使用WeexSDK新版本 </div><div class="line">end</div></pre></td></tr></table></figure>
-</li>
-<li><p>源码集成</p>
-<p>首先 拷贝 <code>ios/sdk</code> 目录到你已有项目目录 (此处以拷贝到你已有项目的根目录为例子)，然后在 <code>Podfile</code> 文件中添加</p>
-<figure class="highlight plain"><table><tr><td class="code"><pre><div class="line">source 'git@github.com:CocoaPods/Specs.git' </div><div class="line">target 'YourTarget' do</div><div class="line"> platform :ios, '7.0' </div><div class="line"> pod 'WeexSDK', :path=>'./sdk/' </div><div class="line">end</div></pre></td></tr></table></figure>
-</li>
-</ul>
-<h4 id="第二步：安装依赖" class="article-heading"><a href="#第二步：安装依赖" class="headerlink" title="第二步：安装依赖"></a>第二步：安装依赖<a class="article-anchor" href="#第二步：安装依赖" aria-hidden="true"></a></h4><p>打开命令行，切换到你已有项目 <code>Podfile</code> 这个文件存在的目录，执行 <code>pod install</code>，没有出现任何错误表示已经完成环境配置。</p>
-<h4 id="第三步：初始化-Weex-环境" class="article-heading"><a href="#第三步：初始化-Weex-环境" class="headerlink" title="第三步：初始化 Weex 环境"></a>第三步：初始化 Weex 环境<a class="article-anchor" href="#第三步：初始化-Weex-环境" aria-hidden="true"></a></h4><p>在 <code>AppDelegate.m</code> 文件中做初始化操作，一般会在 <code>didFinishLaunchingWithOptions</code> 方法中如下添加。</p>
-<figure class="highlight plain"><table><tr><td class="code"><pre><div class="line">//business configuration</div><div class="line">[WXAppConfiguration setAppGroup:@"AliApp"];</div><div class="line">[WXAppConfiguration setAppName:@"WeexDemo"];</div><div class="line">[WXAppConfiguration setAppVersion:@"1.0.0"];</div><div class="line"></div><div class="line">//init sdk enviroment </div><div class="line">[WXSDKEngine initSDKEnviroment];</div><div class="line"></div><div class="line">//register custom module and component，optional</div><div class="line">[WXSDKEngine registerComponent:@"MyView" withClass:[MyViewComponent class]];</div><div class="line">[WXSDKEngine registerModule:@"event" withClass:[WXEventModule class]];</div><div class="line"></div><div class="line">//register the implementation of protocol, optional</div><div class="line">[WXSDKEngine registerHandler:[WXNavigationDefaultImpl new] withProtocol:@protocol(WXNavigationP
rotocol)];</div><div class="line"></div><div class="line">//set the log level </div><div class="line">[WXLog setLogLevel: WXLogLevelAll];</div></pre></td></tr></table></figure>
-<h4 id="第四步：渲染-weex-Instance" class="article-heading"><a href="#第四步：渲染-weex-Instance" class="headerlink" title="第四步：渲染 weex Instance"></a>第四步：渲染 weex Instance<a class="article-anchor" href="#第四步：渲染-weex-Instance" aria-hidden="true"></a></h4><p>Weex 支持整体页面渲染和部分渲染两种模式，你需要做的事情是用指定的 URL 渲染 Weex 的 view，然后添加到它的父容器上，父容器一般都是 viewController。</p>
-<figure class="highlight plain"><table><tr><td class="code"><pre><div class="line">#import <WeexSDK/WXSDKInstance.h></div><div class="line">- (void)viewDidLoad </div><div class="line">{</div><div class="line"> [super viewDidLoad];</div><div class="line"></div><div class="line"> _instance = [[WXSDKInstance alloc] init];</div><div class="line"> _instance.viewController = self;</div><div class="line"> _instance.frame = self.view.frame; </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"> };</div><div class="line"></div><div class="line"> _instance.onFailed = ^(NSError *error) {</div><div class="line"> //proces
s failure</div><div class="line"> };</div><div class="line"></div><div class="line"> _instance.renderFinish = ^ (UIView *view) {</div><div class="line"> //process renderFinish</div><div class="line"> };</div><div class="line"> NSURL *url = [[NSBundle mainBundle] URLForResource:@"main" withExtension:@"js"]</div><div class="line"> [_instance renderWithURL:url options:@{@"bundleUrl":[self.url absoluteString]} data:nil];</div><div class="line">}</div></pre></td></tr></table></figure>
-<p>WXSDKInstance 是很重要的一个类，提供了基础的方法和一些回调，如 <code>renderWithURL</code>, <code>onCreate</code>, <code>onFailed</code> 等，可以参见 <code>WXSDKInstance.h</code> 的声明。</p>
-<h4 id="第五步：销毁-Weex-Instance" class="article-heading"><a href="#第五步：销毁-Weex-Instance" class="headerlink" title="第五步：销毁 Weex Instance"></a>第五步：销毁 Weex Instance<a class="article-anchor" href="#第五步：销毁-Weex-Instance" aria-hidden="true"></a></h4><p> 在 viewController 的 dealloc 阶段 销毁掉 Weex instance，释放内存，避免造成内存泄露。</p>
- <figure class="highlight plain"><table><tr><td class="code"><pre><div class="line">- (void)dealloc</div><div class="line">{</div><div class="line"> [_instance destroyInstance];</div><div class="line">}</div></pre></td></tr></table></figure>
-<h3 id="导入-Weex-SDK-framework-到工程" class="article-heading"><a href="#导入-Weex-SDK-framework-到工程" class="headerlink" title="导入 Weex SDK framework 到工程"></a>导入 Weex SDK framework 到工程<a class="article-anchor" href="#导入-Weex-SDK-framework-到工程" aria-hidden="true"></a></h3><p> 可以通过源码编译出 Weex SDK，可以在新的 feature 或者 bugfix 分支，尝试最新的 feature。</p>
-<p> 参考<a href="https://open.taobao.com/doc2/detail?spm=a219a.7629140.0.0.tFddsV&&docType=1&articleId=104829" target="_blank" rel="external">此处</a>直接导入 weexSDK。</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="/guide/integrate-to-your-app.html" data-lang="en">English</a>
- </li>
- <li>
- <a href="/cn/guide/integrate-to-your-app.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>