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
';

    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 += "
"
      }
    
    var nBody = "";
    nBody += "";
    nBody += "" + noteBody + "";

    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