很多小伙伴們都知道Creator用JavaScript寫項(xiàng)目是沒有代碼提示的捡硅,可能對于習(xí)慣有代碼提示的童鞋不友好哮内,想要代碼有提示的童鞋,我建議你使用TypeScript寫項(xiàng)目壮韭。這篇也是針對TypeScript項(xiàng)目的北发。
1.準(zhǔn)備階段
新建一個(gè)'test'空白項(xiàng)目,并打開其根目錄image.png
image.png
image.png
image.png
image.png
image.png
image.png
下面上代碼
wx.d.ts
interface _showShareMenuObject{
/**
* 是否使用帶 shareTicket 的轉(zhuǎn)發(fā)[詳情]
*/
withShareTicket?: boolean;
/**
* 接口調(diào)用成功的回調(diào)函數(shù)
*/
success?: () => void;
/**
* 接口調(diào)用失敗的回調(diào)函數(shù)
*/
fail?: () => void;
/**
* 接口調(diào)用結(jié)束的回調(diào)函數(shù)(調(diào)用成功钧敞、失敗都會執(zhí)行)
*/
complete?: () => void;
}
interface _ShareInfo{
/**
* 轉(zhuǎn)發(fā)標(biāo)題,不傳則默認(rèn)使用當(dāng)前小游戲的昵稱麸粮。
*/
title: string,
/**
* 轉(zhuǎn)發(fā)顯示圖片的鏈接溉苛,可以是網(wǎng)絡(luò)圖片路徑或本地圖片文件路徑或相對代碼包根目錄的圖片文件路徑。顯示圖片長寬比是 5:4
*/
imageUrl: string;
/**
* 查詢字符串弄诲,必須是 key1=val1&key2=val2 的格式愚战。從這條轉(zhuǎn)發(fā)消息進(jìn)入后,可通過 wx.getLaunchOptionSync() 或 wx.onShow() 獲取啟動參數(shù)中的 query齐遵。
*/
query: string,
/**
* 審核通過的圖片 ID
*/
imageUrlId?: string
}
declare module wx{
/**
* 顯示當(dāng)前頁面的轉(zhuǎn)發(fā)按鈕
* @param object 參數(shù)
*/
export function showShareMenu(object?:_showShareMenuObject):void;
/**
* 監(jiān)聽用戶點(diǎn)擊右上角菜單的「轉(zhuǎn)發(fā)」按鈕時(shí)觸發(fā)的事件
*/
export function onShareAppMessage(callback:Function):void;
}
test.ts,這個(gè)腳本掛在場景的Canvas下
const {ccclass, property} = cc._decorator;
@ccclass
export default class NewClass extends cc.Component {
onLoad () {
if (CC_WECHATGAME) {
let shareObj:_showShareMenuObject = {withShareTicket:true};
wx.showShareMenu(shareObj);
wx.onShareAppMessage(()=>{
console.log("點(diǎn)擊轉(zhuǎn)發(fā)按鈕");
let shareInfo:_ShareInfo = {
title:"aa",
imageUrl:"http://img.manew.com/data/attachment/forum/201812/17/101356eauvqvm5b3u0zr9m.png.thumb.jpg",
query:null
};
return shareInfo;
});
}
}
start () {
}
// update (dt) {}
}
然后是 構(gòu)建發(fā)布
打開->項(xiàng)目->構(gòu)建發(fā)布
image.png
然后打開我們發(fā)布的項(xiàng)目寂玲,點(diǎn)擊預(yù)覽,使用微信掃掃就可以測試我們的項(xiàng)目了
image.png
image.png
image.png