模組化復用封裝微信sdk

2021-10-19 22:21:17 字數 1589 閱讀 5732

let wx_login_url = async () => ;

export default

wxlogin.js:

import local from '@/config/address/local';

const = local;

const wxlogin = async () =>

export default wxlogin;

2. 分享及其餘功能初始化封裝

wx.js:

import wx from 'weixin-js-sdk';

import wxapi from '@/models/wx/wx';

export default else

let url = decodeuri(window.location.href);

return new promise((resolve, reject) => ).then(res=>);

wx.ready( () => resolve(wx) );

wx.error( err => reject(err.errmsg) );

} else

});})

}}

wxshare.js:

import wxutils from './wx';

// 好友

title: dat.title, // 分享標題

desc: dat.desc, // 分享描述

link: dat.link, // 分享鏈結

imgurl: dat.imgurl, // 分享

});};const updatetimelinesharedata = (wx, dat) => );

}; // 好友 即將廢棄

title: dat.title, // 分享標題

desc: dat.desc, // 分享描述

imgurl: dat.imgurl, // 分享圖示

type: 'link',

});};const onmenusharetimeline = (wx, dat) => );

};const share = async (dat = {}) => );

}export default share;

其餘屬性直接呼叫init初始化後可用如:

wxutils:wx.js引入使用

await wxutils.init(['chooseimage']).then(wx=>

let files = base64tofile(localdata,`userupload$.png`);

let postdata= new formdata();

// 呼叫相關介面上傳

}});

},fail(res)

});});

base64tofile(base64, filename)

return new file([u8arr], filename, );

}

main.js: 中加入  :

模組化,封裝

這幾天在讀別人寫的 乙個注釋沒有,也沒有開發文件。這個太傷了。模組化不清晰。哎,方法的引數傳遞有問題,封裝不好。結果就是我必須自己一行一行去讀懂理清才能加進去我的模組。回想這些情況的時候突然理解了封裝的重要性。如果自己寫 的時候,封裝的不好,別人用你的介面的時候可能需要你的內部結構。這樣的乙個 別人...

封裝(模組化)

1 閉包實現封裝 var oj function var func2 function return 2 為上面的方法新增新方法 var obj function f return f 方便方法連續呼叫 oj 新模組obj繼承oj的方法,並增加乙個 alert obj.m1 alert obj.m2...

微信小程式(模組化)

1.模組化 我們可以將一些公共的 抽離成為乙個單獨的 js 檔案,作為乙個模組。模組只有通過 module.exports 或者 exports 才能對外暴露介面。需要注意的是 exports 是 module.exports 的乙個引用,因此在模組裡邊隨意更改 exports 的指向會造成未知的錯...