🆕 add deploy doc

liuliu66666 · Mar 23, 2021 · c24264e · c24264e
1 parent 98900b0
commit c24264e
Show file tree

Hide file tree

Showing 62 changed files with 21,578 additions and 0 deletions.
diff --git a/doc-dist/404.html b/doc-dist/404.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html lang="en-US">
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width,initial-scale=1">
+    <title>h5-dooring</title>
+    <meta name="generator" content="VuePress 1.8.0">
+
+    <meta name="description" content="">
+
+    <link rel="preload" href="/doc/assets/css/0.styles.05b20fd2.css" as="style"><link rel="preload" href="/doc/assets/js/app.1cec26f9.js" as="script"><link rel="preload" href="/doc/assets/js/17.e2c644fa.js" as="script"><link rel="prefetch" href="/doc/assets/js/10.b0d462d3.js"><link rel="prefetch" href="/doc/assets/js/11.a817ab83.js"><link rel="prefetch" href="/doc/assets/js/12.7537ddc3.js"><link rel="prefetch" href="/doc/assets/js/13.c7b7a778.js"><link rel="prefetch" href="/doc/assets/js/14.eff270f4.js"><link rel="prefetch" href="/doc/assets/js/15.2cabc303.js"><link rel="prefetch" href="/doc/assets/js/16.ebc27227.js"><link rel="prefetch" href="/doc/assets/js/18.8be51919.js"><link rel="prefetch" href="/doc/assets/js/19.5b05b8ec.js"><link rel="prefetch" href="/doc/assets/js/2.693230f5.js"><link rel="prefetch" href="/doc/assets/js/20.3fd45382.js"><link rel="prefetch" href="/doc/assets/js/21.390bb49b.js"><link rel="prefetch" href="/doc/assets/js/22.dd7423cf.js"><link rel="prefetch" href="/doc/assets/js/23.3c312dd7.js"><link rel="prefetch" href="/doc/assets/js/24.70cc97c3.js"><link rel="prefetch" href="/doc/assets/js/25.e47f5b3c.js"><link rel="prefetch" href="/doc/assets/js/26.bf8cc2c2.js"><link rel="prefetch" href="/doc/assets/js/27.9151272d.js"><link rel="prefetch" href="/doc/assets/js/3.0105453b.js"><link rel="prefetch" href="/doc/assets/js/4.7985c0ed.js"><link rel="prefetch" href="/doc/assets/js/5.82171d89.js"><link rel="prefetch" href="/doc/assets/js/6.133c066e.js"><link rel="prefetch" href="/doc/assets/js/7.1ca3fdb8.js"><link rel="prefetch" href="/doc/assets/js/8.83a09fe6.js"><link rel="prefetch" href="/doc/assets/js/9.90abe1c9.js">
+    <link rel="stylesheet" href="/doc/assets/css/0.styles.05b20fd2.css">
+  </head>
+  <body>
+    <div id="app" data-server-rendered="true"><div class="theme-container"><div class="theme-default-content"><h1>404</h1> <blockquote>How did we get here?</blockquote> <a href="/doc/" class="router-link-active">
+      Take me home.
+    </a></div></div><div class="global-ui"></div></div>
+    <script src="/doc/assets/js/app.1cec26f9.js" defer></script><script src="/doc/assets/js/17.e2c644fa.js" defer></script>
+  </body>
+</html>
diff --git a/doc-dist/assets/css/0.styles.05b20fd2.css b/doc-dist/assets/css/0.styles.05b20fd2.css
diff --git a/doc-dist/assets/img/deploy.d1b1d698.png b/doc-dist/assets/img/deploy.d1b1d698.png
diff --git a/doc-dist/assets/img/dynamic.15a5303a.png b/doc-dist/assets/img/dynamic.15a5303a.png
diff --git a/doc-dist/assets/img/framework.1c9c696b.png b/doc-dist/assets/img/framework.1c9c696b.png
diff --git a/doc-dist/assets/img/home.f76105db.png b/doc-dist/assets/img/home.f76105db.png
diff --git a/doc-dist/assets/img/logo.001d04e6.svg b/doc-dist/assets/img/logo.001d04e6.svg
diff --git a/doc-dist/assets/img/preview-flow.b37c7798.png b/doc-dist/assets/img/preview-flow.b37c7798.png
diff --git a/doc-dist/assets/img/preview-machine.895a0711.png b/doc-dist/assets/img/preview-machine.895a0711.png
diff --git a/doc-dist/assets/img/preview-page.3ec86df5.png b/doc-dist/assets/img/preview-page.3ec86df5.png
diff --git a/doc-dist/assets/img/screenshot.daeecedd.png b/doc-dist/assets/img/screenshot.daeecedd.png
diff --git a/doc-dist/assets/img/search.83621669.svg b/doc-dist/assets/img/search.83621669.svg
diff --git a/doc-dist/assets/img/template-bg.244b9ac7.png b/doc-dist/assets/img/template-bg.244b9ac7.png
diff --git a/doc-dist/assets/img/template-ft.4f6e0d14.png b/doc-dist/assets/img/template-ft.4f6e0d14.png
diff --git a/doc-dist/assets/js/10.b0d462d3.js b/doc-dist/assets/js/10.b0d462d3.js
@@ -0,0 +1,72 @@
+(window.webpackJsonp = window.webpackJsonp || []).push([
+  [10],
+  {
+    359: function(t, r, a) {
+      t.exports = a.p + 'assets/img/dynamic.15a5303a.png';
+    },
+    387: function(t, r, a) {
+      'use strict';
+      a.r(r);
+      var n = a(42),
+        i = Object(n.a)(
+          {},
+          function() {
+            var t = this,
+              r = t.$createElement,
+              n = t._self._c || r;
+            return n('ContentSlotsDistributor', { attrs: { 'slot-key': t.$parent.slotKey } }, [
+              n('h1', { attrs: { id: '组件动态加载' } }, [
+                n('a', { staticClass: 'header-anchor', attrs: { href: '#组件动态加载' } }, [
+                  t._v('#'),
+                ]),
+                t._v(' 组件动态加载'),
+              ]),
+              t._v(' '),
+              n('p', [
+                t._v(
+                  '目前H5-Dooring的组件都是通过动态加载的方式引入，好处是我们在页面中只会加载我们需要的组件，不需要的组件不会被加载，这样可以提高页面加载的速度，这样做也会出现一些问题，比如一个长页面，配置了很多组件，那么一个页面加载过程可以会触发多次请求，目前还没有遇到性能问题，但后续会逐渐优化这个问题。',
+                ),
+              ]),
+              t._v(' '),
+              n('h2', { attrs: { id: 'umi3提供的dynamic' } }, [
+                n('a', { staticClass: 'header-anchor', attrs: { href: '#umi3提供的dynamic' } }, [
+                  t._v('#'),
+                ]),
+                t._v(' umi3提供的dynamic'),
+              ]),
+              t._v(' '),
+              n('p', [
+                t._v(
+                  '目前组件的动态加载我们采用的umi的dynamic方案，基于它我们上层封装了一个组件动态加载器，原理如下：',
+                ),
+              ]),
+              t._v(' '),
+              n('img', { attrs: { src: a(359), alt: 'foo' } }),
+              t._v(' '),
+              n('p', [
+                t._v('具体代码可以参考Dooring的Github地址：'),
+                n(
+                  'a',
+                  {
+                    attrs: {
+                      href: 'https://github.com/MrXujiang/h5-Dooring',
+                      target: '_blank',
+                      rel: 'noopener noreferrer',
+                    },
+                  },
+                  [t._v('https://github.com/MrXujiang/h5-Dooring'), n('OutboundLink')],
+                  1,
+                ),
+              ]),
+            ]);
+          },
+          [],
+          !1,
+          null,
+          null,
+          null,
+        );
+      r.default = i.exports;
+    },
+  },
+]);
diff --git a/doc-dist/assets/js/11.a817ab83.js b/doc-dist/assets/js/11.a817ab83.js
@@ -0,0 +1,107 @@
+(window.webpackJsonp = window.webpackJsonp || []).push([
+  [11],
+  {
+    360: function(e, t, v) {
+      e.exports = v.p + 'assets/img/deploy.d1b1d698.png';
+    },
+    389: function(e, t, v) {
+      'use strict';
+      v.r(t);
+      var _ = v(42),
+        r = Object(_.a)(
+          {},
+          function() {
+            var e = this,
+              t = e.$createElement,
+              _ = e._self._c || t;
+            return _('ContentSlotsDistributor', { attrs: { 'slot-key': e.$parent.slotKey } }, [
+              _('p', [e._v('私有化部署需要获取4个核心项目包, 包括')]),
+              e._v(' '),
+              _('ul', [
+                _('li', [e._v('H5编辑器(h5_plus)')]),
+                e._v(' '),
+                _('li', [e._v('H5基座(h5)')]),
+                e._v(' '),
+                _('li', [e._v('Dooring管理后台(Dooring-Admin)')]),
+                e._v(' '),
+                _('li', [e._v('服务端项目(Server)')]),
+              ]),
+              e._v(' '),
+              _('p', [
+                e._v('获取以上四个核心源码工程需要满足商业授权协议, 具体可联系'),
+                _(
+                  'a',
+                  {
+                    attrs: {
+                      href: 'http://h5.dooring.cn/uploads/WechatIMG3_1758e9753e2.jpeg',
+                      target: '_blank',
+                      rel: 'noopener noreferrer',
+                    },
+                  },
+                  [e._v('徐小夕'), _('OutboundLink')],
+                  1,
+                ),
+              ]),
+              e._v(' '),
+              _('h3', { attrs: { id: '部署架构图' } }, [
+                _('a', { staticClass: 'header-anchor', attrs: { href: '#部署架构图' } }, [
+                  e._v('#'),
+                ]),
+                e._v(' 部署架构图'),
+              ]),
+              e._v(' '),
+              _('img', { attrs: { src: v(360), alt: 'H5-dooring部署' } }),
+              e._v(' '),
+              _('p', [e._v('部署流程如下:')]),
+              e._v(' '),
+              _('ol', [
+                _('li', [e._v('下载4个源码工程, 安装依赖(npm install 或 yarn)')]),
+                e._v(' '),
+                _('li', [
+                  e._v('打包3个前端工程至'),
+                  _('code', [e._v('server')]),
+                  e._v('的static目录下'),
+                ]),
+                e._v(' '),
+                _('li', [
+                  e._v('在'),
+                  _('code', [e._v('server')]),
+                  e._v('下本地运行 '),
+                  _('code', [e._v('yarn start')]),
+                  e._v(' 或 '),
+                  _('code', [e._v('npm start')]),
+                  e._v(' 启动服务端进行本地测试'),
+                ]),
+                e._v(' '),
+                _('li', [
+                  e._v('打包服务端代码, '),
+                  _('code', [e._v('yarn build')]),
+                  e._v(' 生成 '),
+                  _('code', [e._v('dist')]),
+                  e._v(' 目录, 建议使用 '),
+                  _('code', [e._v('pm2')]),
+                  e._v(' 做'),
+                  _('code', [e._v('nodejs')]),
+                  e._v('服务的负载均衡, 运行 '),
+                  _('code', [e._v('pm2 start dist/index.js')]),
+                  e._v('启动生产环境代码'),
+                ]),
+              ]),
+              e._v(' '),
+              _('p', [
+                e._v('也可以将以上步骤集成到gitlab等CI, CD服务中, 进行自动化打包发布, 或者采用'),
+                _('code', [e._v('docker')]),
+                e._v('进行容器化部署.'),
+              ]),
+            ]);
+          },
+          [],
+          !1,
+          null,
+          null,
+          null,
+        );
+      t.default = r.exports;
+    },
+  },
+]);
diff --git a/doc-dist/assets/js/12.7537ddc3.js b/doc-dist/assets/js/12.7537ddc3.js
@@ -0,0 +1,39 @@
+(window.webpackJsonp = window.webpackJsonp || []).push([
+  [12],
+  {
+    361: function(t, e, s) {
+      t.exports = s.p + 'assets/img/preview-machine.895a0711.png';
+    },
+    392: function(t, e, s) {
+      'use strict';
+      s.r(e);
+      var a = s(42),
+        n = Object(a.a)(
+          {},
+          function() {
+            var t = this,
+              e = t.$createElement,
+              a = t._self._c || e;
+            return a('ContentSlotsDistributor', { attrs: { 'slot-key': t.$parent.slotKey } }, [
+              a('h1', { attrs: { id: '真机预览' } }, [
+                a('a', { staticClass: 'header-anchor', attrs: { href: '#真机预览' } }, [t._v('#')]),
+                t._v(' 真机预览'),
+              ]),
+              t._v(' '),
+              a('p', [t._v('真机预览和网页预览的流程类似，工作流程如下：')]),
+              t._v(' '),
+              a('img', { attrs: { src: s(361), alt: 'foo' } }),
+              t._v(' '),
+              a('p', [t._v('由于不同机型预览的效果有些许不同，最终效果以实际看到的为主。')]),
+            ]);
+          },
+          [],
+          !1,
+          null,
+          null,
+          null,
+        );
+      e.default = n.exports;
+    },
+  },
+]);
diff --git a/doc-dist/assets/js/13.c7b7a778.js b/doc-dist/assets/js/13.c7b7a778.js
@@ -0,0 +1,42 @@
+(window.webpackJsonp = window.webpackJsonp || []).push([
+  [13],
+  {
+    364: function(t, s, e) {
+      t.exports = e.p + 'assets/img/screenshot.daeecedd.png';
+    },
+    395: function(t, s, e) {
+      'use strict';
+      e.r(s);
+      var a = e(42),
+        i = Object(a.a)(
+          {},
+          function() {
+            var t = this.$createElement,
+              s = this._self._c || t;
+            return s('ContentSlotsDistributor', { attrs: { 'slot-key': this.$parent.slotKey } }, [
+              s('h1', { attrs: { id: '截图功能' } }, [
+                s('a', { staticClass: 'header-anchor', attrs: { href: '#截图功能' } }, [
+                  this._v('#'),
+                ]),
+                this._v(' 截图功能'),
+              ]),
+              this._v(' '),
+              s('p', [
+                this._v(
+                  '截图功能这里我们主要使用了dom-to-image这个库，来将html转化为图片，并进行分享。',
+                ),
+              ]),
+              this._v(' '),
+              s('img', { attrs: { src: e(364), alt: 'foo' } }),
+            ]);
+          },
+          [],
+          !1,
+          null,
+          null,
+          null,
+        );
+      s.default = i.exports;
+    },
+  },
+]);
diff --git a/doc-dist/assets/js/14.eff270f4.js b/doc-dist/assets/js/14.eff270f4.js
@@ -0,0 +1,31 @@
+(window.webpackJsonp = window.webpackJsonp || []).push([
+  [14],
+  {
+    367: function(t, s, e) {
+      t.exports = e.p + 'assets/img/framework.1c9c696b.png';
+    },
+    399: function(t, s, e) {
+      'use strict';
+      e.r(s);
+      var n = e(42),
+        o = Object(n.a)(
+          {},
+          function() {
+            var t = this.$createElement,
+              s = this._self._c || t;
+            return s('ContentSlotsDistributor', { attrs: { 'slot-key': this.$parent.slotKey } }, [
+              s('img', { attrs: { src: e(367), alt: 'foo' } }),
+              this._v(' '),
+              s('p', [this._v('注：灰色部分还未实现，正在更新中...')]),
+            ]);
+          },
+          [],
+          !1,
+          null,
+          null,
+          null,
+        );
+      s.default = o.exports;
+    },
+  },
+]);