关卡提示
-
准备工作
步骤一:需在MemFire Cloud平台中创建一个应用
步骤二:需在该应用中,创建一个数据表
步骤三:需要用户自行创建前端本地工程,语言框架不限(html\vue\react\angular等)。
步骤四:将应用与本地工程连接
步骤五:初始化supabase客户端示例文档:https://document.memfiredb.com/docs/guides/with-vue-3
脚手架
<脚手架>提供一套基础的MemFire Cloud项目结构和配置,其中功能包括:用户登录注册、个人中心、聊天室、备忘录,参赛者可下载代码运行查看。具体用法请参考脚手架的Readme。
vue:
vue create --preset memfire-cloud/memfire-vue-tempalte <your_project_name>
react:
npx create-react-app --template memfire-react-template <your_project_name>
小程序:
npx degit MemFire-Cloud/wechat-template <my-project>
第一关
官方文档-SDK文档-JavaScript-数据库:
https://document.memfiredb.com/docs/reference/javascript/select官方文档-SDK文档-微信小程序-数据库:
https://document.memfiredb.com/docs/reference/wechat/select
第二关
官方-SDK文档-JavaScript-认证:
https://document.memfiredb.com/docs/reference/javascript/auth-signup官方-SDK文档-微信小程序-认证:
https://document.memfiredb.com/docs/reference/wechat/auth-signup
第三关
官方文档-认证-授权-RLS使用教程:
https://document.memfiredb.com/docs/guides/auth/row-level-security2
第四关
官方文档-SDK文档-JavaScript-存储:
https://document.memfiredb.com/docs/reference/javascript/storage-from-upload官方文档-SDK文档-微信小程序-存储:
https://document.memfiredb.com/docs/reference/wechat/storage-from-upload
第五关
官方文档-静态托管-快速开始:
https://document.memfiredb.com/docs/guides/static-start