撸一个微信小程序记事本备忘录-随微记

2019/8/12 21:32:30 人评论 次浏览 分类:开发资料

废话不多说了,目的直接点

  • 微信上记录一些资料(比如公司信息以及开发票等),方便查看
  • 可以随时分享出来,可以生成图片海报
  • 做一些工具(后续开放)

最后总结就是弄它, 随微记 是自己想的,页面也是自己布局,海报的配置可能也有自己的喜好存在

目前版本为 V1.0.0 ,在此篇文章不会有代码的东西

认知(需要改善):

  • 没有各种的app好用
  • 没有手机自带备忘录的好用

微信小程序

技术

  • 微信小程序原生api
  • Taro
  • ColorUi组件库

功能列表

还有未完成的功能后续更新

界面介绍

遇到问题

editor

云开发

云开发数据主要的存储是用户的列表以及用户笔记本和笔记的数据

本来想用存图片,第一版本的时候遇到了图片size限制的问题,因此近期改版为上传至阿里Oss

Node + koa + mysql 服务

  •  koa-swagger-decorator自动生成api文档
  •  文字笔记海报配置
  •  图文笔记海报配置
  •  分享海报配置
  •  用户同步数据
  •  模板使用情况记录
  •  分享日志记录
  •  https域名部署
  •  node项目部署pm2进程监控
  •  图片删除任务更新
  •  后台session登录
  •  mysql使用
  •  后台未完成功能有点多,在此不列了
"dependencies": {
    "@babel/polyfill": "^7.4.4",
    "axios": "^0.19.0",
    "debug": "^4.1.1",
    "koa": "^2.7.0",
    "koa-bodyparser": "^4.2.1",
    "koa-convert": "^1.2.0",
    "koa-generic-session": "^2.0.1",
    "koa-json": "^2.0.2",
    "koa-logger": "^3.2.0",
    "koa-onerror": "^4.1.0",
    "koa-redis": "^4.0.0",
    "koa-router": "^7.4.0",
    "koa-static": "^5.0.0",
    "koa-swagger-decorator": "^1.5.16",
    "koa-views": "^6.2.0",
    "moment": "^2.24.0",
    "mysql": "^2.17.1",
    "pug": "^2.0.3"
  },
  "devDependencies": {
    "@babel/cli": "^7.5.5",
    "@babel/core": "^7.5.5",
    "@babel/parser": "^7.5.5",
    "@babel/plugin-proposal-class-properties": "^7.5.5",
    "@babel/plugin-proposal-decorators": "^7.4.4",
    "@babel/plugin-proposal-optional-chaining": "^7.2.0",
    "@babel/plugin-transform-object-assign": "^7.2.0",
    "@babel/plugin-transform-runtime": "^7.5.5",
    "@babel/preset-env": "^7.5.5",
    "@babel/register": "^7.5.5",
    "cross-env": "^5.2.0",
    "install": "^0.13.0",
    "nodemon": "^1.19.1",
    "npm": "^6.10.2"
  }
复制代码
  • 路由配置
const tag = tags(['WeChat']);
@prefix('/api/user')
export default class WechatRouter {
	@request('post', '/authorize')
  @summary('微信授权登录')
  @description('登录之后返回sesscion和openid')
  @tag
	@body({
		code: { type: 'string', required: true, default: '', description: '小程序code' },
	})
	static async authorize(ctx) {
		let { code } = ctx.request.body;
    let str = ctx.request.body?.code;
    // console.log('开始访问请求参数2', APPID, APPSECRET, str)
    let res = await getOpenId(code);
    ctx.body = new SuccessModal(res);
	}
}
复制代码

资源链接

  • koa-generator
  • koa
  • koa-swagger-decorator

后续开发

后续后开发围绕微信和备忘录的一系列的工具或者功能,欢迎指出不足和功能改善,或者你想要的功能

赞赏

相关教程

  • 微信小程序卡券开发(亲测)

    提示:小程序卡券和公众平台调用基本一致,请先查看公众平台卡券文档一、公众帐号/小程序绑定由于微信卡券用的是一套逻辑。所以小程序需要先和公众账号绑定,才能在小程序中调起公众平台卡券登录微信公众平台:https://open.weixin.qq.com/ 进行绑定操作二、公众号卡券添加小……

    2017/6/3 18:45:01

共有访客发表了评论 网友评论

验证码: 看不清楚?