飞花令助手

2019-12-25T06:15:47.000Z

曾有一个小小的黑色本子，记录了高中时期痴迷的诗词，还夹有已经干枯的叶子和花，仿佛给墨迹添了一圈香气。我把它视若珍宝，无奈终于在一次意外中遗失，一起遗失的还有一叠名为「遗忘」的信纸，至今耿耿于怀。

近来尤其喜欢苏轼的《临江仙·夜归临皋》，从前最喜欢的是这首词结尾两句：「小舟从此逝，江海寄余生」，现在重读却更为「家童鼻息已雷鸣，敲门都不应，倚杖听江声」句倾倒，真像极了辛帅写的「少年不识愁滋味，爱上层楼。爱上层楼，为赋新词强说愁」，从前哪里懂得「小舟从此逝，江海寄余生」的境界，只是被其中洒脱的仙气感染，觉得读上两句就能像向苏子一样超凡脱俗。

看过《中国诗词大会》和《中华好诗词》，尤其喜欢大学季恰同学少年专题节目，酣畅淋漓。后来偶然知道除了飞花令，还有单双飞花令，射覆飞花令，接龙各种诗词游戏玩法，和一群达人玩过一段时间后，偶尔会在一些诗句上卡壳，恰好前段时间在网上抓了一些诗词数据，一时兴起就想写一个自动生成双飞花和射覆游戏的小程序，实现了在群里自动飞花的程序。

素材准备

首先准备好诗词素材，这里我用的是从互联网上抓取的2万余作者信息的50余万篇诗词文赋，囊括了从古至今绝大部分的作者和作品。由于50多万作品中有很大一部分对我们是陌生的，因此我对它进行了筛选，尽量选择大家熟悉的作品，最终选定了14175篇放入素材池。

接口开发

使用Springboot开发Restful接口，通过docker部署到云服务器，接口调用方式如下：
http://tc.hakucc.com/api/shuangfei?clue=萧瑟秋风今又是换了人间
http://tc.hakucc.com/api/shefu?clue=月明人倚楼云7

自动回复

由于QQBot所依赖的SmartQQ协议停用，最后选择酷Q作为自动回复的工具。酷Q使用教程点此，配置完成后，编写CQPlusHandler.py如下：

# -*- coding:utf-8 -*-

import cqplus
import requests
import random

    
class MainHandler(cqplus.CQPlusHandler):
    def handle_event(self, event, params):
        if event == 'on_private_msg':
            self.OnEvent_PrivateMsg(params)
        elif event == 'on_group_msg':
            self.OnEvent_GroupMsg(params)

    def OnEvent_PrivateMsg(self, params):        
        msg = params['msg']
        self.api.send_private_msg(params['from_qq'],msg)

    def OnEvent_GroupMsg(self,params):
        # 只针对特定的群
        if params['from_group'] in [642540069, 790583076]:
            result = self.shuangfei(params['msg'])
            if result != '':
                self.api.send_group_msg(params['from_group'], result)

    def shuangfei(self, clue):
        url = r'http://tc.hakucc.com/api/shuangfei?clue=' + clue
        r = requests.get(url)
        if r.json()['code'] == '0000':
            return r.json()['data'][random.randint(0, 20)]
        else:
            return ''

完成后无需执行CQPlusHandler.py，在酷Q中启用该应用即可。

参考
酷Q SDK-X

如何解决跨域请求问题

2018-12-22T11:16:53.000Z

介绍

同源策略是浏览器端web应用安全的一个重要概念，在这个策略下，浏览器禁止页面中的脚本向其他域发送请求（如Ajax），以防止恶意站点读取其他站点的敏感信息；

场景分析

假设有一个Web API地址为http://localhost:9000/api/values/
该API返回一段简单的json数据，如下：

有一个Web页面地址为http://localhost:8080
页面中仅包含一段JavaScript脚本，请求上述api并在控制台显示返回结果，如果出错则显示错误信息，script内容如下：

<script type="text/javascript">
    $.ajax({
        type: "GET",
        url: "http://localhost:9000/api/values/",
    }).done(function (data) {
        console.log(data);
    }).error(function (jqXHR, textStatus, errorThrown) {
        console.log(jqXHR.responseText || textStatus);
    });
script>

当打开页面，发现在控制台出现如下错误：

提示请求被cors策略限制，被请求的资源没有提供Access-Control-Allow-Origin头；出现此错误是由于同源策略的存在。

何为同源

只有协议，地址，端口均完全相同的URL才称为同源。
以下两个URL同源：

http://example.com/foo.html
http://example.com/bar.html
以下四个URL和上两个URL均不同源：
http://example.net - Different domain
http://example.com:9000/foo.html - Different port
https://example.com/foo.html - Different scheme
http://www.example.com/foo.html - Different subdomain

http://localhost:9000/api/values/ 与 http://localhost:8080 不同源，因此从8080端口请求得到的JavaScript脚本中无法向9000端口提供的API发送请求。

解决跨域请求的几种方法

JSONP

在介绍JSONP之前，首先明确一点，即html可以通过script标签从不同的域获取JavaScript脚本，体现为在一个html页面中，可以从abc.com引入script1.js，同时从xyz.com引入script2.js，如下：

1 2	<script type="text/javascript" src="http://abc.com/jquery.min.js">script> <script type="text/javascript" src="http://xyz.com/bootstrap.min.js">script>

实际上，对于支持src属性的标签，都是可以从不同的域引入资源的，比如通过img标签从不同的域获取图片资源等。在此前提下，是否可以将json数据放在JavaScript脚本中被获取呢？考虑一个特定场景，假设html中仅包含一段JavaScript脚本，如下所示，脚本中定义并调用了一个方法mycallback：


<html>
<head>
<title>JSONPtitle>
head>
<body>
<script type="text/javascript">
let mycallback = function(data){
console.log(data);
};

mycallback("Hello Haku.");
script>
body>
html>

当打开页面，会在控制台看到Hello Haku.的输出；
当然也可以把调用mycallback的脚本放到单独的data.js文件，调整为如下：


<html>
<head>
<title>JSONPtitle>
head>
<body>
<script type="text/javascript">
let mycallback = function(data){
console.log(data);
}
script>
<script type="text/javascript" src="data.js">script>
body>
html>

data.js仅包含调用mycallback语句：

1	mycallback([{"name": "haku"}, {"name": "chihiro"}])

当刷新页面，会在控制台看到[{"name": "haku"}, {"name": "chihiro"}]的输出；

JSONP（JSON with padding）是一种通过注入

:: Haku's ::