Skip to content
master
Go to file
Code

Files

Permalink
Failed to load latest commit information.

README.md

微信小程序集成Redux实现的Todo list

在微信小程序中使用Redux实现Todo list,同时集成了redux-devtools

remote-redux-devtools

使用了我自己写的小程序的Redux绑定库:wechat-weapp-redux

使用

导入到微信的开发工具目录指向src运行就可以了。

开启redux-devtools

需要打开小程序开发工具的配置中项目->基础信息->开发环境不校验请求域名以及 TLS 版本

weapp-config

  1. 把本项目根目录下的libs拷贝到src/libs
  2. 修改src/configureStore, 改成这样:
const {createStore, compose} = require('./libs/redux.js');
const devTools = require('./libs/remote-redux-devtools.js').default;
const reducer = require('./reducers/index.js')

// function configureStore() {
//   return createStore(reducer);
// }
function configureStore() {
  return createStore(reducer, compose(devTools({
    hostname: 'localhost',
    port: 5678,
    secure: false
  })));
}

module.exports = configureStore;
  1. 本地安装remotedev-server并启动

    npm install -g remotedev-server
    remotedev --hostname=localhost --port=5678
  2. 浏览器中访问localhost:5678 如果不能访问,可以尝试使用**http://remotedev.io/local/**,打开后点击下面的setting,设置使用本地的server。

Todos

  • 集成redux-undo
  • 集成redux-persist

Liscense

© 2016 Wang Chao. This code is distributed under the MIT license.

About

微信小程序,集成redux

Topics

Resources

License

Releases

No releases published

Packages

No packages published
You can’t perform that action at this time.