用 Python 开发一个微信留言小程序

在公众号后台,时不时就有朋友吐槽我:“帅b,为什么要关闭公众号的留言功能?”
说出来你可能不信,我是真的没有这个功能,话说在 2018 年 3 月 12 号之后注册的公众号就暂时没有留言功能了(这个“暂时”有点牛逼),好死不死的是,小帅b刚好错过了那么几天...,没办法呀,只能慢慢等留言功能给我开放咯。
不过等了贼久还是没有留言功能,我也不知道什么时候才开放,咱也不敢问呀,倒是知道还有一个途径可以获取公众号的留言功能,那就是迁移公众号,也就是说,把我们这个公众号迁移到一个带有留言的企业公众号,然后就可以实现留言了,不过我之前了解了一下,发现需要整各种营业执照和认证啥的,感觉贼麻烦,当然也有万能的某宝代办,但是鬼知道他们会不会把我的信息给卖了呢?虽然我的信息不值钱,但总感觉有点膈应。
那到现在就只剩下一个方法了,使用留言小程序,然后嵌入到公众号里面来,虽然市面上有不少留言的小程序,但是我觉得不是很爽快,要不咱们整一个有我们自己特色的小程序?帅帅的那种?
ok,那么接下来就是:学习 Python 的正确姿势



首先我们需要用到一点数据库,因为我们这里留言的人应该不多,所以没必要搞那么复杂,咱们暂时就整两张表:
这里关键整了一张用来存放文章标题的数据表,以及一张用来存放用户评论数据表,其中的评论表有一个评论的用户 id 和回复评论的用户 id ,到时可以做关联查询,而微信授权登录之后能拿到用户的一些信息,比如头像和昵称,冗余进来就是了,至于点赞数,拉黑名单的咱先放一放,能评论了再说。
咱们第 0.01 个版本的目标就是能留言就完事了...
创建完数据表之后,来写两接口给小程序调用,听说最近有个 叫 FastAPI 的 Python 库挺火的,这次就使用它来创建 API 吧。
使用 FastAPI 来写接口确实很方便,比如这样:
几行代码就完成了一个接口,可以通过 uvicorn(一个健壮的 ASGI 服务容器) 开启服务了:
在浏览器直接访问接口看看:
牛逼的是,它居然基于 Swagger 快速生成了接口文档,只要访问 127.0.0.1:8000/docs 就可以看到你写的接口应该如何去调用:
这里的数据库我用的是 MySQL:
可以结合 SQLAlchemy 数据库引擎通过映射的方式来操作 MySQL。
咱们先创建几个模块来操作对应的事情:
导入相关的库就可以使用了,在 databases 模块中定义连接数据库,创建引擎和 Base:
接着在 models 模块通过 Base 来创建数据表相应的类:
在 schemas 模块中定义调用 API 的时候需要返回的字段:
其实,我们这次操作数据库主要是插入评论内容以及通过文章的 ID 获取所有的评论数据,可以在 curd 模块中定义操作数据库的方法:
所需要的模块都写完之后,就可以回到 main 中写相关的路由方法,首先获取数据库 db 操作对象:
定义评论 post 请求方法,这里接收传入的参数就是刚刚定义的 Comment 中的那些字段:
获取评论数据,根据传入的 article_id 参数去数据库中查找相关的数据,然后返回:
接下来就可以把它跑起来了:
打开 http://127.0.0.1:8000/docs 可以看到两接口:
接口使用文档直接列好,不用自己手动写如何去调用,而且可以直接在这里测试, 6 得不能:
ok,先往数据库插入一条文章 ID 测试数据:
我们来测试一下,比如有个臭不要脸的留下这样的言论:
点击执行:
恩,提示成功添加数据,回去数据库看看:
恩,数据有了,接下来再随便插入几条评论数据,比如:
接下来再测试一下获取评论数据列表:
获取文章 id 的评论数据:
数据都可以获取到了,现在的返回 Json 格式就这样吧,之后心情好关联相关回复再整成相应的 Json 数组,比如:
[
  [
    {
      "nickname": "小帅b",
      "to_user_id": "222"
      "content": "帅b老仙法力无边",
      "from_user_id": "111",
      "article_id": 1
    },
    {
      "nickname": "隔壁妹纸",
      "to_user_id": "222",
      "content": "你真帅气",
      "from_user_id": "111",
      "article_id": 1
    }
  ],
  [
    {
      "nickname": "小心肝",
      "to_user_id": "122",
      "content": "你总是心太软",
      "from_user_id": "65",
      "article_id": 1
    }
  ]
]
当然,获取数据最好按评论时间排序:
接口搞得差不多了,那么接下来要撸微信小程序了,最烦就是撸界面了...
创建一个小程序项目,就叫帅颜帅语吧,主要是比较符合我的气质:
创建完之后就可以拿到 APPKey ,然后使用开发者工具开发了,这里顺便说一下,官方没有 Linux 版本的小程序开发工具,不过 GitHub 有,我用的就是这个:
可以在 app.json 中配置小程序的相关信息,比如我们要添加评论页面就可以这样:
然后创建 comment 目录,在里面定义一下小程序需要的文件就可以了,其中的 wxml 主要用来显示 UI 的,比如我先在这里写几个字让其显示:
这样当我们我们跳转到 comment 页面的时候,它就可以显示相关的信息了:
微信小程序已经有一些基础组件可用了:
我现在希望展示的是一个可以滑动的列表,所以可以使用其中的 scroll-view 组件,再通过数据绑定对 view 进行显示,大概是这个样子:
接着回到 js 搞点假数据填充下先:
运行一波:
恩,你们评论的内容就先这么展示吧...
ok,接下来把评论入口加上,主要在 sroll view 下面添加一个 textarea 和一个发送按钮:
接下来就要绑定按钮的发送事件,触发的时候去做一个评论的 POST 请求。
可以通过 bindtap 来绑定点击事件:
这里我绑定的名称是 send ,可以在 js 中定义这个方法,和这个在里面就可以请求服务器的评论接口了,先定义一些假数据试试:
运行一波,测试一下,这时候点发送按钮就会触发 send 方法,然后把我们定义的假数据发送到服务器:
恩,没毛病,提交成功。
这里的获取服务器上的数据也是一样,主要是调用了评论的 Get 请求接口,把数据封装到 comment 里:
然后就 comment 中的数据绑定显示到 xml 就可以了:
最后就是把假数据变成真数据,也就是将授权到的用户信息和评论的数据整过来:
其中的评论的数据怎么获取呢,可以通过 bind 方法,获取 textarea 中的值:
ok,测试一波:
ok,不过这时候还有一个问题,如果有人什么都不说,直接点发送怎么办呢?
拦截一下,判断如果为空,就叫他不要闹:
哥们,你不要 null 啊!
好了,0.01版本差不多就先这样吧。
我去提交下:
上线了跟你们说,我们下回见,peace!

扫一扫

学习 Python 没烦恼

今日份的帅语录:
把你的懒惰和聪明用在决策上
把你的傻逼用在坚持上........
(0)

相关推荐