mola-baidu-invoker

Usage

import React from 'react';
import MolaBaiduInvoker from 'mola-baidu-invoker';
import ReactDOM from 'react-dom';

import './index.styl';

ReactDOM.render(
    <MolaBaiduInvoker />,
    document.getElementById('app')
);

Dependences

1. mms-js-sdk

   目前 mms-js-sdk 没有 npm 包，只有一个 gitlab 地址。因此，请在内网中安装；

   配置：

   1. 如果使用 webpack 请在配置中加入

      resolve: {
          extensions: ['', '.js', '.styl'],
          modulesDirectories: ['node_modules'],
          alias: {
              'mms-js-sdk': 'mms-js-sdk/src'
          }
      }

   2. 如果使用 amd 请加入 paths 配置：

      require.config({
          paths: {
              'mms-js-sdk': '../relative/to/your/mms-js-sdk/src'
          }
      });

2. grahp-js-sdk

   这个是一个 cdn 文件，请在 html 中直接写死引入：

   <script src="//graph.baidu.com/uresource/mms/mobile.js"></script>

   接下来需要配置：

   1. 如果使用 Webpack，请在配置中加入 external 配置，将全局变量 BD_MMS 转化成包 grahp-js-sdk 使用:

      externals: {
          'graph-js-sdk': 'BD_MMS'
      }

   2. 如果是使用 amd 的话，请在 script 标签后加入

      define('grahp-js-sdk', function () {
          return BD_MMS;
      });

Setup

webpack

1. please check out this first.

2. npm install -S mola-baidu-invoker

bower

1. bower install -S mola-baidu-invoker

2. config your requirejs / esl

   require.config({
       paths: {
           'mola-baidu-invoker': 'bower_components/mola-baidu-invoker/lib/MolaBaiduInvoker'
       }
   });

API Document

check this out

Run the example

git clone [email protected]:react-melon/mola-baidu-invoker.git
cd mola-baidu-invoker
npm install
npm start
open http://localhost:8080/example