Cloudflare边缘计算初体验

因为最近在使用Cloudflare提供的DNS解析服务，于是顺带体验了它提供的Workers服务：

我不是很理解它所描述的“在边缘运行”具体是什么意思，于是尝试从文档中找答案:

什么是边缘计算？

边缘计算是一种致力于使计算尽可能靠近数据源、以减少延迟和带宽使用的网络理念。简而言之，边缘计算意味着在云端运行更少的进程，将这些进程移动到本地，例如用户的计算机、IoT 设备或边缘服务器。将计算放到网络边缘可以最大程度地减少客户端和服务器之间必须进行的长距离通信量。

详见：

它类似于Web标准的Web Worker,可以在浏览器中运行js脚本，拦截Http请求，并返回自定义的Response，只不过在Cloudflare中，这些worker是运行在它的服务器上。

那么一个典型的Http请求就会是这样的：

访客 A <-> 边缘计算网络Worker C <-> 服务器 B
展开 >>

展开全文 >>

【主观点评】缺氧 Oxygen Not Include

成就达成：伟大的脱逃

有些问题，譬如宇宙中是否还有其他智慧生命，或者我们人类的最终结局如何，它们像黑洞一样，一旦开始思考就很难从中挣脱。不管你是深陷贫穷的痛苦，还是容貌的焦虑，甚至只是陷入青春期回忆的尴尬中，当面对浩瀚的宇宙时，都只会让你觉得渺小。

缺氧就是这样的一款游戏，在旧日的家园分崩离析后，你的三个复制人将要踏上前往陌生的小行星的旅程，并艰难求生。

展开 >>

展开全文 >>

试玩MorphVOX（变声器） Mac版

最近换了手机号码，我的整蛊之魂蠢蠢欲动，让我发现了这个好玩的软件——MorphVOX，听说各大主播都在用，某宝搜索更是有一大堆“远程调音服务”。

但这个软件对Mac的支持不算好，如果用Windows的话，体验应该会更好。

首先，这是一个收费软件，但如果只是为了整蛊的话已经够了，它有一天的免费试用，通过简中官网下载软件后安装，接着打开软件会弹出联网激活的对话框，什么也不用管点下一步即可进入试用。

第一次运行时，软件会自动运行MorphVOX Doctor，“傻瓜式”地帮你配置该配置的。不过就像之前说过的，这个软件对Mac的支持并不太好，所以这个可能是个“真·傻瓜式”，下面是我在使用时遇到的问题和应对的解决方案：

Q: 第一次安装之后，它自动运行MoprphVOX Doctor（帮助程序）成功后，在MorphVOX里面不能听到声音。

这个问题有很多可能性，比如：

展开 >>

展开全文 >>

快闪游三亚：在海浪中度过的48小时

3月份因为眼伤辞职的我，在养病期间断断续续地搞了些乱七八糟的东西，却在接近一年的结尾，又感受到时间的荒芜。一周的失眠和一周的嗜睡轮回，让我几近崩溃。

一年中数次奔往派出所、医院和法院，相关的证明开出一大堆，同时也有了生命里第一次打官司的经历，体验到人生不一样的酸甜苦辣。随着案情逐渐明朗，病痛的痕迹也在一天天地被身体修复，有一天睁眼，心底猛然萌生去海边的念头，去感受沙滩、骄阳和海风。

虽然不再是teens了，也过了那种对新事物有强烈的enthusiasm的年纪，不过还是想苦苦挣扎地抓着青春的尾巴。

展开 >>

展开全文 >>

为M1芯片的Mac安装Windows

M1芯片出了大半年，甚至登陆了新款iPad Pro，虽然我们仍无法直接在M1上安装Windows。但Parallels Desktop早就用虚拟机方案解决了此问题，而且体验还非常好，但是它收费，所以…

这篇文章主要介绍的是基于UTM的Windows安装过程，UTM老早就登陆了iPhone/iPad的应用商店了，所以理论上来说，使用M1芯片的iPad也可以使用这个APP安装Windows。

准备工作

  1. 安装UTM，你可以在官网上免费下载或者在App Store给它捐$9.99。
  2. 从微软官网上下载Windows10 ARM的系统映像，注意正确的后缀是.VHDX，切记不要下载.iso格式。
  3. 下载spice-guest-tools工具，该工具由UTM提供，为Windows提供网络和相关支持的驱动程序。

如果这个链接错误，打开 https://mac.getutm.app/support/ 拖动到最底部下载

  1. 下载自定义BIOS,用来解决虚拟机中光标 闪动/ 消失/ 点击无效 等问题。
展开 >>

展开全文 >>

2009

内容已上锁

展开全文 >>

失控

酸胀 放大 易碎的边缘我在爬行
沉默 敲打 贮存逐渐升温的失控
在此刻 我是一个没有时钟的旅客
在此刻 宇宙背景辐射的声波嘈杂

达维安骑士的冷漠 盔甲卸下
迈向高原的泪水 在欢声作响
我看你 就像是 你看我
根号三与根号三的融合

暴雨撞击 猛兽迎起
婆娑的耳语 暴露在世界的直播里
万般愤怒落下 水池泛起涟漪
化成花园的爱意 园丁的甜蜜

我在 我在 我在 你高悬的太阳下
我在 我在 我在 你刺眼的赤道中
我在 我在 我在 你咸湿的季风上
我在 我在 我在 你忧郁的洋流里

一泻千里 肿胀还有它的意识
在这里 在那里 小说里 漫画里
音乐里 电影里 游戏里 幻想里
有它的痕迹 可恶的痕迹

和我酩酊大醉 我有我的酒和杯
和你大汗淋漓 每个时刻从零到一
和我乘风破浪 想你 和我在一起

展开全文 >>

Promise - 来自Javascript的承诺

因

如果你和我一样，刚开始编程的时候学习的并非Javascript，而是类似于Java / C# / C++这些类似的语言。那么你在初写js（或泛前端应用）的时候，应该会和我遇到相似的疑问。那就是，我期望的代码执行顺序为什么和实际上的代码执行顺序不相同呢？

1
2
3
4
5
6
7
8
9
10
// Javascript
setTimeout(function(){
    console.log(1)
}, 1000)

console.log(2)

// 期望输出： 1 2
// 实际输出： 2 1

我们知道，程序在读文件的时候是一行一行的读取的。（别问为啥，你也可以写个解释器先读取2n行，再读2n-1行）
然而js中的表现却和我们的预期不一致，做个对比，我们拿Python重复一遍上述的逻辑。

1
2
3
4
5
6
7
# Python
time.sleep(1)
print(1)
print(2)

# 实际输出：1 2

Python的逻辑符合我们的“直觉”，即代码总是按照码农给定的顺序执行。

但为啥就你js搞特殊？因为早期的js主要运行在浏览器，负责的工作则是对用户的输入（鼠标点击、移动、悬浮或键盘事件）进行反馈。注定了其代码不能是同步执行的，而是监听式的，即代码块在等待一个时机被执行，而这个执行时机程序员大概率是无法预知的。

虽然一个异步程序的执行时机无法预知，但我们可以使用回调提前对数据进行处理。例如：

1
2
3
4
5
6
7
8
9
10
11
function doSomethingFeature (callback) {
    ... // 假设执行这一步需要花费一个不确定的时间
    if (!args) args = {}
    if (callback) callback(args)
}

doSomethingFeature(function(args) {
    // 在这里可以对数据进行处理
    console.log(args)
})

回调地狱

我们用回调函数来处理一个个事件，于是代码中的括号也越来越多。

- 鲁迅

想象一下：网页中的一个弹窗，它有一个按钮，在这个按钮被按下时，浏览器开始向远程服务器获取数据，当数据到达后，网页中的标题变了。由于每一次发生的事件都要依赖于上一次事件（因为不触发事件就无法获取数据）， 用回调函数进行数据处理就会变成：

1
2
3
4
5
6
7
8
9
10
openCustomWindow(()=>{
    const button = document.createElement('button')
    button.onClick = () => {
        api.get('/data', (data)=> {
            const title = document.getElementById('title')
            title.content = data
        })
    }
})

这样的代码，不仅难以阅读，而且维护时多一个括号少一个括号的也很容易让人心态崩溃，只能用用编辑器的智能提示勉强混混这样子。

链式调用

那如果有一种写法，可以让被依赖的数据像自来水管流动一样就好了。按照顺序地从自然水源中经由水厂消毒，在流向小区供水中心，再流向你家的净水器，最后从水龙头流入你的杯子里。
把上面的列子用链式调用的方案改写一下，就得到一个类似于下面的东西：

1
2
3
4
5
6
// js伪代码：理想状态的链式调用模式
openCustomWindow()
.whenButtonClicked()
.apiGet('/data')
.changeTitle()

2003年JQuery横空出世，当时的JQuery就采用了这种做法，从而大大地提高了前端代码的可读性，加之提供完整的类库功能和简单的学习曲线，使得JQuery成为了几乎“人手必会”的前端类库。而受到JQuery的启发地ES委员会，创造性地在Javascript中引入了Promise对象。

Promise字面意义上代表承诺，在现实生活中，一个承诺也会有履行完成的状态和未履行的状态。因此，Promise对象也可以处理程序成功和失败后的数据。一个典型的Promise写法如下：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20

function doSomething() {
    return new Promise((resolve, reject)=>{
        try {
            ... // do something
            resolve() // 标记为已解决
        }catch(e) {
            reject(e) // 标记为为完成
        }
    })
}

doSomething().then(()=>{
    // resolve() 被调用后，执行此方法
    ...
}).catch((e)=>{
    // reject() 被调用后，执行此函数
    console.error(e)
})

更好用的Promise: async / await

Promise除了擅长链式调用以外，还可以搭配关键字await写出更易读的同步式代码。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25

function doSomething() {
    return new Promise((resolve, reject)=>{
        try {
            ... // do something
            if(!args) args = {}
            resolve(args) // 标记为已解决
        }catch(e) {
            reject(e) // 标记为为完成
        }
    })
}

try {
    const args = await doSomething()
}catch(e) {
    console.error(e)
}

// 也可以用下面这种写法
const args = await doSomething().catch((e)=>{
    console.error(e)
    return 1 // 当发生错误时，args的值为1
})

展开全文 >>

用Node推送App消息 - APNs(Apple推送通知服务)的简单实现

提醒

如果你只是需要一个第三方包来实现APN服务的话，推荐直接使用现有的项目 node-apn

提前工作

使用私钥生成签名

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
// typescript

import * as crypto from 'crypto'
import * as fs from 'fs'
// 下面的引用请自行替换
import { APNs, RunMode, runMode } from './secret'
import { AsyncRedis } from './redis'

class APNsService {
    private static APNsAuthToken = 'APNs:push:token'

    private static host = {
        sandbox: 'api.sandbox.push.apple.com',
        product: 'api.push.apple.com',
    }

    private static base64Encode (data: {[x:string]: any}) {
        return Buffer.from(JSON.stringify(data), 'utf-8').toString('base64')
    }

    private static fromBase64 (base64:string) {
        return base64
            .replace(/=/g, '')
            .replace(/\+/g, '-')
            .replace(/\//g, '_')
    }

    private static getPrivateKey ():Promise<string> {
        return new Promise((resolve, reject) => {
            fs.readFile('./APNs_Auth_Key.p8', 'utf8', (err, data) => {
                if (err) return reject(err)
                resolve(data)
            })
        })
    }

    private static async generateAuthToken () {
        const header = {
            alg: 'ES256',
            kid: APNs.APNsAuthKeyId,
        }
        const payload: APNsPayload = {
            iss: APNs.AppleDeveloperId,
            iat: Math.floor(Date.now() / 1000)
        }

        const privateKey = await this.getPrivateKey()
        // 虽然这里标示为"RSA-SHA"算法,但也能用于计算ECDSA类型的算法
        const signer = crypto.createSign('RSA-SHA256')
        const headerPayload = `${this.base64Encode(header)}.${this.base64Encode(payload)}`
        let sig = (
            signer.update(headerPayload),
            signer.sign(privateKey, 'base64')
        )
        sig = this.fromBase64(sig)
        return `${headerPayload}.${sig}`
    }

    private static tokenInvalid (token: string): boolean {
        if (!token) return true
        const _token = token.split('.')
        if (_token.length !== 3) return true
        try {
            const payload: APNsPayload = JSON.parse(Buffer.from(_token[1], 'base64').toString('utf-8'))
            // 计算token的有效时间，JWT签名后的有效期仅为1小时，这里提前半小时刷新
            // 注意不要频繁刷新token，否则请求会被拒绝
            const now = Math.floor(Date.now() / 1000)
            if (now > payload.iat + 1800) return true
        } catch { return true }
        return false
    }

    static async getAuthToken () {
        // 使用Redis缓存token，可自行替换其他数据库
        let token = await AsyncRedis.get(this.APNsAuthToken)
        if (this.tokenInvalid(token)) {
            token = await this.generateAuthToken()
            await AsyncRedis.set(this.APNsAuthToken, token)
        }
        return token
    }
}

使用Http/2请求

在生成签名后，作者尝试向苹果服务器发出请求，结果遇到了报错

1
2
3
4
5
6
7
Parse Error: Expected HTTP/
   at Socket.socketOnData (_http_client.js:456:22)
   at Socket.emit (events.js:210:5)
   at addChunk (_stream_readable.js:308:12)
   at readableAddChunk (_stream_readable.js:289:11)
   at Socket.Readable.push (_stream_readable.js:223:10)
   at TCP.onStreamRead (internal/stream_base_commons.js:182:23)

作者一度怀疑是node版本的问题（甚至还升级了版本 XD）。然而待作者仔细阅读Apple的文档后发现，原来是APNs只支持http/2的协议，难怪一直跑不通呢！这里也非常佩服苹果，总是投入资源来推动新技术的普及。

不过问题找到了，其实也会很容易解决

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
// typescript
import * as http from 'http'
import * as https from 'https'
import * as http2 from 'http2'
import * as querystring from 'querystring'
// 下面的引用请自行替换（不关键）
import { logger } from '../base/log4j'
import { Failed } from '../errors/api-error'
import { Errors } from '../error-result-types'

export class API {
    private protocol = 'https'
    private debug = false

    private host!: string
    private path = '/'
    private headers = {
        'accept-encoding': 'gzip, deflate, br',
        'content-type': 'application/json; charset=utf-8',
        'user-agent':
            'Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/86.0.4240.75 Safari/537.36',
    }

    private options: {
        host: string,
        path: string,
        headers: {[x:string]: string},
        method: 'GET' | 'POST' | 'DELETE' | 'HEAD' | 'PUT',
        port?: number
    } = {
        host: this.host,
        path: this.path,
        headers: this.headers,
        method: 'GET',
    }

    private payload = {}
    private body = {}

    private response?: http.IncomingMessage

    private constructor (args: {
        path: string,
        host?: string,
        port?: number
        debug?: boolean,
    }) {
        this.options.path = this.path = args.path ? args.path : '/'
        this.options.host = this.host = args.host ? args.host : 'api.evink.cn'
        this.debug = args.debug ? args.debug : false
        if (args.port) this.options.port = args.port
    }

    addHeader (headers: { [x: string]: string }): API {
        this.options.headers = Object.assign(this.headers, headers)
        return this
    }

    addPayload (payload: { [x: string]: any }): API {
        this.payload = Object.assign(this.payload, payload)
        return this
    }

    addBody (body: { [x: string]: any }): API {
        this.body = Object.assign(this.body, body)
        return this
    }

    private http2Request<T> (callback?: ((data: T) => void)): Promise<T> {
        return new Promise((resolve) => {
            let data = ''
            try {
                const client = http2.connect(`${this.protocol}://${this.host}`)
                let path = this.path
                if (Object.keys(this.payload).length > 0) {
                    path = `${this.path}?${querystring.stringify(this.payload)}`
                }
                const options = {
                    ':method': this.options.method,
                    ':path': path,
                    ...this.headers
                }
                const request = client.request(options)
                if (this.debug) {
                    logger.debug('Request options:', this.host, options)
                    logger.debug('Request payload:', this.payload)
                    logger.debug('Request body:', this.body)
                }
                let jsonTypeResponse = false
                request.on('response', (headers, flags) => {
                    if (':status' in headers) logger.info('Response status code: ', headers[':status'])
                    if ('content-type' in headers && headers['content-type']?.includes('application/json'))
                        jsonTypeResponse = true
                })
                request.on('data', chunk => {
                    data += chunk
                    if (this.debug) logger.debug('Response chunk:', chunk)
                })
                request.on('end', () => {
                    client.close()
                    if (jsonTypeResponse) data = JSON.parse(data)
                    resolve(data as any)
                    if (callback) callback(data as any)
                    if (this.debug) logger.debug('Response data:', data)
                })
                request.end(JSON.stringify(this.body))
            }
            catch (err) {
                logger.error(err)
                throw new Failed(Errors.InternalError)
            }
        })

    }

    static get (args: {
        path: string,
        host?: string,
        port?: number
        debug?: boolean,
    }): API {
        const api = new API(args)
        api.options.method = 'GET'
        return api
    }

    static post (args: {
        path: string,
        host?: string,
        port?: number
        debug?: boolean,
    }): API {
        const api = new API(args)
        api.options.method = 'POST'
        return api
    }

    send (callback?: (data: string | { [x: string]: any }) => void): Promise<string | { [x: string]: any }> {
        return this.http2Request(callback)
    }
}

开始推送

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
//typescript
import { APNsService } from './apn-service'
import { API } from './request'
import { APNs, RunMode, runMode } from './secret'

export class AppPush {

    static async iosPush (args: { deviceToken: string, alert: PushAlert }): Promise<void> {
        const { deviceToken, alert } = { ...args }
        const host = runMode === RunMode.dev? APNsService.host.sandbox : APNsService.host.product
        await API.post({
            host, path: `/3/device/${deviceToken}`,http2: true,
            debug: true
        }).addHeader({
            authorization: `bearer ${await APNsService.getAuthToken()}`,
            'apns-push-type': 'alert', // 'alert' | 'background'
            'apns-topic': APNs.BundleId,
        }).addBody({
            aps: {alert},
        }).send()
    }
}

AppPush.iosPush({
    deviceToken: 'your-device-token',
    alert: {
        title: '推送测试',
        subtile: '',
        body: '这是详细的推送消息',
    }
})

请求成功后，Apple会返回对应的状态码和reason。一般出现403状态都说明生成的签名错误，请检查你是否使用错了证书（本文中的签名方法仅针对 *.p8格式的私钥）

参考：Apple官方文档

APN服务对应的状态码：

status code reason 描述
200 / 成功
400 BadDeviceToken DeviceToken无效，或者环境错了。
400 BadTopic apns-topic值无效
400 DeviceTokenNotForTopic DeviceToken和Topic不匹配
400 MissingDeviceToken 没有DeviceToken
400 MissingTopic 请求头缺少apns-topic
403 BadCertificate 证书无效
403 BadCertificateEnvironment 证书的环境不对
403 ExpiredProviderToken Token过期了
403 MissingProviderToken 没有提供客户端认证证书，也没有设置authorization
413 PayloadTooLarge payload太大。（不得大于4 KB）
429 TooManyProviderTokenUpdates Token更新太过频繁（小于20分钟）
429 TooManyRequests 同时向同一台设备发送了过多请求

展开全文 >>

乐章

睁开眼，已经一片黑暗，四周仍然寂静，像极了《我是传奇》中的场景。
不点烟，也不小酌两口，就这样发着呆。片刻，脑袋中的混沌蒸发干净了，才开始穿衣。

“弄点吃的吧”
冰箱里剩下的冷冻水饺仍然可以将就一餐，在网络上义愤填膺过后，还是需要工业食品来果腹。
抽油烟机在轰鸣声中运作着，铁锅上升腾起一股蒸汽，吐向他不食人间烟火的脸。

“不知道··· 他们现在在干嘛？” 他望向厨房的窗户，外边漆黑一片，只有他自己被映照在那里面。

对有些人来说，回家当然是很重要的事情，所以当我告诉他我不回家的时候，他仿佛受到了很大的惊吓。
“你不回家，你家里人不会念叨吗？” 他说。
“当然会，但是我找不到一个好理由回去” 我回答道。
“这可是过年！” 他义正言辞地惊呼到。
“感觉回家都回腻了，我可能是一个不爱回家的男人。”
“哈哈哈···”，齐鹏和我都笑了起来。

展开 >>

展开全文 >>

tag:

    缺失模块。
    1、请确保node版本大于6.2
    2、在博客根目录（注意不是yilia根目录）执行以下命令：
    npm i hexo-generator-json-content --save

    3、在根目录_config.yml里添加配置： 

                  jsonContent:
                meta: false
                pages: false
                posts:
                  title: true
                  date: true
                  path: true
                  text: false
                  raw: false
                  content: false
                  slug: false
                  updated: false
                  comments: false
                  link: false
                  permalink: false
                  excerpt: false
                  categories: false
                  tags: true