flutter qr code app document

  • Profile 页面从这里抄 :

https://github.com/Mohammed-Benotmane/Profile-UI-Dark-And-White-Themes

效果图:

Edit profile 页面, 从这里抄:

https://github.com/alpinnz/app_flutter/blob/master/lib/feature/setting/profile/profile.dart

 

  • login 界面从这里抄:

 

  • 扫描 qrcode , 用这个package

 

从这个项目抄 : https://github.com/myvsparth/flutter_barcode_scan

 

  • 在app内获取地理信息并生成可打印的qr code

 

 

  • 生成测试用 qrcode , 去这个网站

https://www.the-qrcode-generator.com/

 

更好的qr code 生成网站 : http://qr.calm9.com/cn/

可以包含经纬度

 

  • 经测试

这个package 需要 google  play   服务 , 在我的华为手机测不了

 

  • http request 测试部分

1 :  需要从服务器取得的数据包括  :

login , login 之后个人的profile , site info

全部任务列表, 以及如果是登录状态 , 我的收集

全部我的收集

既然涉及到登录, 那么如何在本地保存各种登录的token : https://www.jianshu.com/p/8d28e60af440

github 用到登录token 的例子  :  https://github.com/gabryelferreira/chat_app  

flutter + node.js token 教程 : https://dev.to/carminezacc/user-authentication-jwt-authorization-with-flutter-and-node-176l

node.js token jwt 的中文讲解: https://ninghao.net/blog/2834

 

 

2: 如果在本地存放键值对 , 可以用   : shared_preferences plugin.

https://flutter.dev/docs/cookbook/persistence/key-value

3  需要测试的 http 功能 :  get , post

get   在这个网址有例子 :  https://flutter.dev/docs/cookbook/networking/fetch-data

post 是 :  https://flutter.dev/docs/cookbook/networking/send-data

 

server  端的post server 这样测试:

curl -d “username=scott&password=secret&website=stackabuse.com” -X POST http://localhost:8080/post-test

服务器代码: https://stackabuse.com/get-http-post-body-in-express-js/

 

从 http response 取字段值   https://flutter-io-deploy-one.firebaseapp.com/networking/

 

 


 

框架 :

 

https://github.com/ditclear/mvvm_flutter

 

网络请求用 dio   package , 不自己写HTTPs