Pencil 基于Electron的GUI原型工具之菜单三探印象笔记同步

今天一鼓作气实现Pencil整合印象笔记同步的功能。

缘起，像Sketch或者Adobe XD等一些工具都开始陆续支持整合阿里巴巴的“语雀”云服务，将设计文档同步到云端，便于团队协作及实现其它一些目的。

原本也是想以实现语雀为目标的，后续一想不是其付费用户，自己的需求并不强烈，所以暂时作罢，转而实现更广泛使用的印象笔记同步。

目前已完成基于沙盒的测试。

PS：我只是一个伪装成程序员的产品经理。

先实现单向同步；

涉及到的功能：

1、增加两个菜单，印象笔记授权/取消印象笔记授权、同步文档到印象笔记；

功能设计；

1、实现印象笔记用户授权
2、保存印象笔记授权信息到本地；
3、调用接口实现文档同步；ENML数据格式、附件；文档标题-文件名？文档内容-各个页面层级列表；文档附件-epgz文档；

知识点：

1、印象笔记，认证 token 是由印象笔记 API 在 OAuth 认证流程结束时生成的。对于大多数[1] 印象笔记应用而言，这些 token 会在一年之后过期；
2、Electron，browserWindow.webContents.on("will-redirect", function(event, url, isInPlace) {});；
3、缓存的授权信息通过Pencil的Config 来存取；

代码改动记录：

https://gitee.com/web3d/pencil/commit/eb16ff35488a40c2c7b81bfd133f329eefde7316

var note = new Evernote.Types.Note();
    note.title = this.controller.getDocumentName();

    var noteBody = \'Pencil Document Attachment<br />\';

    var resources = [{
        mime: \'application/epgz\',
        data: {
            // bodyHash: \'\',
            // size: 0,
            body: fs.readFileSync(this.controller.documentPath),
        },
        attributes: {
            fileName: note.title + this.getActiveHandler().type,
            attachment: true,
        }
        
    }];
    note.resources = resources;
    note.attributes = {
        contentClass: \'vn.evolus.pencil\',
    };

    var md5 = require(\'crypto\').createHash(\'md5\');

    for (i in resources) {
        md5.update(resources[i].data.body);

        var hexhash = md5.digest(\'hex\');

        noteBody += "<en-media type=\"" + resources[i].mime + "\" hash=\"" + hexhash + "\" /><br />"
      }
    
    var nBody = "<?xml version=\"1.0\" encoding=\"UTF-8\"?>";
    nBody += "<!DOCTYPE en-note SYSTEM \"http://xml.evernote.com/pub/enml2.dtd\">";
    nBody += "<en-note>" + noteBody + "</en-note>";

    note.content = nBody;
    // note.notebookGuid = \'\';

    var noteStore = authenticatedClient.getNoteStore();
    noteStore.createNote(note).then(function (note) {
        console.log(JSON.stringify(note));

        ApplicationPane._instance.unbusy();

        Dialog.alert("文档同步成功: " + note.guid);

        // noteStore.getNote(note.guid, true, true, true, true).then(function (note) {
            // console.log(JSON.stringify(note)); // the user\'s notebooks!
        // });
    });

后续读取参数放在 package.json 配置的。

https://gitee.com/web3d/pencil/commit/87bc4bc93c038290fd355e44f36afc24d7b6e8f3