fork from bc4552c5a8

exts/yapi-plugin-gen-services/Services/Services.js

@@ -0,0 +1,76 @@
+import React, { PureComponent as Component } from 'react'
+import PropTypes from 'prop-types'
+import { connect } from 'react-redux';
+import { getToken } from '../../../client/reducer/modules/project.js'
+
+
+import './Services.scss';
+
+@connect(
+  state => {
+    return {
+      token: state.project.token
+    }
+  },
+  {
+    getToken
+  }
+)
+export default class Services extends Component {
+  static propTypes = {
+    projectId: PropTypes.number,
+    token: PropTypes.string,
+    getToken: PropTypes.func
+  }
+
+  async componentDidMount() {
+    const id = this.props.projectId;
+    await this.props.getToken(id);
+    
+  }
+  render () {
+    const id = this.props.projectId;
+    return (
+      <div className="project-services">
+        <section className="news-box m-panel">
+          <div className="token">
+            <h5>安装工具</h5>
+            <pre>{`
+  npm i sm2tsservice -D
+  `}</pre>
+            <h5>配置【3.2.0及以上版本】</h5>
+            <pre>{`
+  touch json2service.json
+  `}</pre>
+            <pre>{`
+  {
+    "url": "yapi-swagger.json",
+    "remoteUrl": "${location.protocol}//${location.hostname}${location.port ? `:${location.port}` : ''}/api/open/plugin/export-full?type=json&pid=${id}&status=all&token=${this.props.token}",
+    "type": "yapi",
+    "swaggerParser": {}
+  }
+  `}
+            </pre>
+            <h5>配置【3.2.0以下版本】</h5>
+            <pre>{`
+  touch json2service.json
+  `}</pre>
+            <pre>{`
+  {
+    "url": "${location.protocol}//${location.hostname}${location.port ? `:${location.port}` : ''}/api/open/plugin/export-full?type=json&pid=${id}&status=all&token=${this.props.token}",
+    "type": "yapi",
+    "swaggerParser": {}
+  }
+  `}
+            </pre>
+            <h5>生成services代码</h5>
+            <pre>{`
+  (./node_modules/.bin/)sm2tsservice --clear
+  `}</pre>
+          </div>
+          <a href="https://github.com/gogoyqj/sm2tsservice">更多说明 sm2tsservice</a>
+        </section>
+      </div>
+    );
+  }
+}