microduino用户中心
用户中心,基于react和npm使用方式(表现层)
npm i wjp-test //包名会在上线时更新1.0.0,目前是测试版本
config配置说明
/** * appID 必填,否则会初始化失败(跟任博对接下,做统一规划~) * language:国际化,目前定义了zh和en * display:展示模式,可选范围mobile pc(default) * styles:皮肤自定义入口(预留) */const config = appID: 'idea-lab' language: 'zh' display: 'mobile'
react 项目,npm导入方式
const Login Register Forget = config <Login /> // 登录页面 <Register /> // 忘记密码页面 <Forget /> // 注册页面
非react 项目,script标签引入方式
component说明
Login 登录 props定义 onForget: PropTypes.func, //点击忘记密码跳转route onSuccess: PropTypes.func, //登录成功操作 onRegister: PropTypes.func, //点击注册跳转route Forget 忘记密码 props定义 onSuccess: PropTypes.func, //找回密码成功后的操作 Register 注册 props定义 onLogin: PropTypes.func, //登录按钮跳转 onSuccess: PropTypes.func, //注册成功后的操作 ChangeEmail 修改注册邮箱JoinAccount 账号关联邮箱ChangePassWord 修改密码ChangeAccountData 修改账号资料【头像,用户名】
方法
const api = // logout 登出 api // logout 判断是否登录 api
遗留问题
批量注册(需求细化)
app端的登录需求(直接去找接口的service,这边满足不了,除非是html嵌入的形式)
oauth登录对接(ps:账号合并相关需求)
Token传递给客户端的问题~预留~
Cookie的服务器渲染
oauth的中转页面~(route问题,需要定义)
其他
日志和数据统计(佳文的包来处理)
目录说明
|---dist 输出目录
|---accountCenter.js #browser版本的js包
|---app.js #react和npm版本的build结果
|---example
|---browser.html #script引入方式
|---bundle.js #example build js
|---index.html #运行结果预览
|---lib #三方库
|---browser.min.js #用于react,浏览器端script引入方式的支持
|---node_modules
|---src
|---api #接口交互部分的逻辑定义(预留,等任博的接口。。。)
|---components #基础组件(只存放无状态的基础组件)
|---locale #国际化定义
|---modules #套件(完整逻辑的模块定义在这里)
|---browser.js #浏览器模块配置
|---npm.js #npm模块配置
|---utils #工具库
|---app.less #css核心,PC和mobile适配以及响应
|---static #静态资源
|---index.js #npm 出口
|---webpack.config.js #example配置
|---webpack.prepublish.config #build npm包
|---webpack.prepublishbrowser.config.js #build 浏览器版本的js
......