集成了 OCAP JS SDK 的种子项目,使用 @vue/cli 初始化。
For English documentation, please checkout README.md
确保系统中已经安装 vue-cli,直接运行如下命令,初始化项目
vue create --preset ArcBlock/ocap-vue-starter my-ocap-dapp
cd my-ocap-dapp
yarn
yarn serve
git clone https://github.com/ArcBlock/ocap-vue-starter.git
cd ocap-vue-starter
yarn
yarn serve
如果是国内开发者,建议使用淘宝源安装依赖:
yarn --registry=https://registry.npm.taobao.org
- SDK 初始化和封装:src/libs/ocap.js
- 使用 SDK 做查询:src/views/Query.vue
- 使用 SDK 做实时数据订阅:src/views/Subscription.vue
如果看到这里,恭喜你,马上就可以把项目部署到公网,给大家试用了,我们建议使用 now.sh 部署应用,步骤如下:
- 到 https://zeit.co 创建账号
- 安装 zeit cli:
npm install -g now
- 登录 zeit-cli,
now login
- 在 deploy.sh 中设置项目的域名 alias
- 执行
npm run deploy
部署成功!很期待你的应用出现在我们的 APP Gallery 里面。
template
目录仅仅重复了根目录下的部分文件给 vue-cli 用,里面的文件不需要手动修改,如果需要更新,直接运行 npm run prepublish
。