亚洲国产日韩欧美一区二区三区,精品亚洲国产成人av在线,国产99视频精品免视看7,99国产精品久久久久久久成人热,欧美日韩亚洲国产综合乱

ホームページ WeChat アプレット WeChatの開発 C# を使用して WeChat ポータルとアプリケーションを開発し、WeChat JSSDK を使用してチェックイン機(jī)能を?qū)g裝する方法の概要

C# を使用して WeChat ポータルとアプリケーションを開発し、WeChat JSSDK を使用してチェックイン機(jī)能を?qū)g裝する方法の概要

Mar 09, 2017 pm 03:01 PM
WeChatの開発

この記事では、WeChat JSSDK を使用してチェックイン機(jī)能を?qū)g裝する WeChat ポータルとアプリケーションの C# 開発の概要について説明します

WeChat が徐々により多くの JSSDK インターフェイスをオープンするにつれて、カスタマイズされた Web ページを使用してより多くの WeChat インターフェイスを呼び出して、WeChat の機(jī)能を?qū)g現(xiàn)できます。たとえば、ページ上でさまざまな攜帯電話ハードウェアを呼び出して、カメラ寫真、GPS 情報(bào)、QR コードのスキャンなどの情報(bào)を取得できます。この記事では、これらの JSSDK インターフェイスを使用して署名を?qū)g裝する方法を紹介します。 -in. 機(jī)能のうち、チェックインには地理的座標(biāo)と住所の報(bào)告、カメラを呼び出してリアルタイムで寫真を撮影すること、現(xiàn)在のユーザーの関連情報(bào)を取得することが必要です。

1. JSSDKの説明

WeChat JS-SDKは、Web開発者向けのWeChatパブリックプラットフォームが提供するWeChatベースのWeb開発ツールキットです。 WeChat JS-SDK を使用すると、Web 開発者は WeChat を使用して、寫真の撮影、寫真の選択、音聲、位置情報(bào)などの攜帯電話システムの機(jī)能を効率的に使用できると同時(shí)に、共有、共有などの WeChat の獨(dú)自の機(jī)能を直接使用できます。スキャン、クーポン、支払いなど、WeChat ユーザーに優(yōu)れた Web エクスペリエンスを提供します。

現(xiàn)在 JSSDK でサポートされているインターフェイス カテゴリには、次のカテゴリが含まれます: 基本インターフェイス、共有インターフェイス、畫像インターフェイス、オーディオ インターフェイス、スマート インターフェイス、デバイス情報(bào)、地理的位置、シェイク周辺機(jī)器、インターフェイス操作、WeChat スキャン、WeChat ストア、WeChat クーポン、 WeChat 決済は、WeChat のすべての機(jī)能が統(tǒng)合され、さらに多くのインターフェースが次々にオープンされると推定されています。

WeChat バックエンドの [開発者ドキュメント] モジュールに入ると、以下に示すように、対応する JSSDK の機(jī)能分類と紹介が表示されます。

C# を使用して WeChat ポータルとアプリケーションを開発し、WeChat JSSDK を使用してチェックイン機(jī)能を?qū)g裝する方法の概要

右側(cè)から、各インターフェイスの使用方法の詳細(xì)が表示されます?;镜膜恕SSDK の使用方法は似ているため、デバッグをパスして 1 つまたは 2 つをマスターすれば、殘りはそれに従うことになります。同じ指示です。

1) JSSDK を使用する手順

ステップ 1: ドメイン名をバインドする

まず、WeChat パブリック プラットフォームにログインし、「公式アカウント設(shè)定」の「機(jī)能設(shè)定」に入り、「JS インターフェース セキュリティ ドメイン名」を入力します。 。以下のようにパブリックプラットフォーム上に設(shè)置します。

C# を使用して WeChat ポータルとアプリケーションを開発し、WeChat JSSDK を使用してチェックイン機(jī)能を?qū)g裝する方法の概要

注: ログイン後、「開発者センター」で対応するインターフェースの権限を表示できます。

ステップ 2: JS ファイルを?qū)毪工?

JS インターフェイスを呼び出す必要があるページに次の JS ファイルを?qū)毪筏蓼?(https がサポートされています): http://res.wx.qq.com/open/js/jweixin -1.0.0 .js

シェイク周辺機(jī)能を使用する必要がある場合は、http://res.wx.qq.com/open/js/jweixin-1.1.0.jsをインポートしてください

注: の使用をサポートしていますAMD/CMD 標(biāo)準(zhǔn)モジュールのロード メソッドのロード

もちろん、より効果を高めるために、通常はページを編集します。JQuery クラス ライブラリなどの他の JS も導(dǎo)入する場合があります。さらに、WeUI の jquery-weui クラス ライブラリに基づいて、より豊富な関數(shù)を?qū)g裝することもできます。以下は、ケース コードの JS リファレンスです。

    <script src="~/Content/wechat/jquery-weui/lib/jquery-2.1.4.js"></script>
    <script src="~/Content/wechat/jquery-weui/js/jquery-weui.js"></script>
    <script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.1.0.js"></script>

ステップ 3: 設(shè)定インターフェイスを介して権限検証設(shè)定を挿入する

JS-SDK を使用する必要があるすべてのページは、最初に設(shè)定情報(bào)を挿入する必要があります。そうしないと、設(shè)定情報(bào)は呼び出されません (SPA の場合、同じ URL を呼び出す必要があるのは 1 回だけです) URL を変更する Web アプリ 現(xiàn)在、Android WeChat クライアントは新しい H5 機(jī)能の PushState をサポートしていないため、Web アプリ ページを?qū)g裝するために PushState を使用すると、この問題が発生します。 Android 6.2 で修正される予定です)。

wx.config({
    debug: true, // 開啟調(diào)試模式,調(diào)用的所有api的返回值會在客戶端alert出來,若要查看傳入的參數(shù),可以在pc端打開,參數(shù)信息會通過log打出,僅在pc端時(shí)才會打印。
    appId: &#39;&#39;, // 必填,公眾號的唯一標(biāo)識
    timestamp: , // 必填,生成簽名的時(shí)間戳
    nonceStr: &#39;&#39;, // 必填,生成簽名的隨機(jī)串
    signature: &#39;&#39;,// 必填,簽名,見附錄1
    jsApiList: [] // 必填,需要使用的JS接口列表,所有JS接口列表見附錄2

});

上記の設(shè)定は、対応する appid、timestamp、および nonceStr を設(shè)定する必要があります。最も注目すべき點(diǎn)は、対応する署名を生成できることです。バックグラウンドで JS ページに値を割り當(dāng)てるだけです。これも最も安全な方法です。

次のコードは、実際のプロジェクトの Asp.net ビュー ページの HTML コードです。

<script language="javascript">
    var appid = &#39;@ViewBag.appid&#39;;
    var noncestr = &#39;@ViewBag.noncestr&#39;;
    var signature = &#39;@ViewBag.signature&#39;;
    var timestamp = &#39;@ViewBag.timestamp&#39;;

        wx.config({
            debug: false,
            appId: appid, // 必填,公眾號的唯一標(biāo)識
            timestamp: timestamp, // 必填,生成簽名的時(shí)間戳
            nonceStr: noncestr, // 必填,生成簽名的隨機(jī)串
            signature: signature, // 必填,簽名,見附錄1
            jsApiList: [
               &#39;checkJsApi&#39;,
               &#39;onMenuShareTimeline&#39;,
               &#39;onMenuShareAppMessage&#39;,
               &#39;onMenuShareQQ&#39;,
               &#39;onMenuShareWeibo&#39;,
               &#39;onMenuShareQZone&#39;,
               &#39;hideMenuItems&#39;,
               &#39;showMenuItems&#39;,
               &#39;hideAllNonBaseMenuItem&#39;,
               &#39;showAllNonBaseMenuItem&#39;,
               &#39;translateVoice&#39;,
               &#39;startRecord&#39;,
               &#39;stopRecord&#39;,
               &#39;onVoiceRecordEnd&#39;,
               &#39;playVoice&#39;,
               &#39;onVoicePlayEnd&#39;,
               &#39;pauseVoice&#39;,
               &#39;stopVoice&#39;,
               &#39;uploadVoice&#39;,
               &#39;downloadVoice&#39;,
               &#39;chooseImage&#39;,
               &#39;previewImage&#39;,
               &#39;uploadImage&#39;,
               &#39;downloadImage&#39;,
               &#39;getNetworkType&#39;,
               &#39;openLocation&#39;,
               &#39;getLocation&#39;,
               &#39;hideOptionMenu&#39;,
               &#39;showOptionMenu&#39;,
               &#39;closeWindow&#39;,
               &#39;scanQRCode&#39;,
               &#39;chooseWXPay&#39;,
               &#39;openProductSpecificView&#39;,
               &#39;addCard&#39;,
               &#39;chooseCard&#39;,
               &#39;openCard&#39;
            ]
        });

ステップ 4: Ready インターフェイスを介して成功の検証を処理する

wx.ready(function(){
    // config信息驗(yàn)證后會執(zhí)行ready方法,所有接口調(diào)用都必須在config接口獲得結(jié)果之后,config是一個(gè)客戶端的異步操作,所以如果需要在頁面加載時(shí)就調(diào)用相關(guān)接口,
    //則須把相關(guān)接口放在ready函數(shù)中調(diào)用來確保正確執(zhí)行。對于用戶觸發(fā)時(shí)才調(diào)用的接口,則可以直接調(diào)用,不需要放在ready函數(shù)中。
});

この Ready インターフェイスは、ページが正常に読み込まれた後の処理內(nèi)容であり、通常、多くの操作を?qū)g行する必要があり、ページが読み込まれた後にのみ呼び出すことができます。関連するオブジェクトの割り當(dāng)て、処理、その他の操作が行われます。

たとえば、ページの準(zhǔn)備ができたら、次の JS コードを使用して、対応する GPS 座標(biāo)やその他の操作を取得できます。

wx.ready(function () {
            wx.getLocation({
                type: &#39;wgs84&#39;, // 默認(rèn)為wgs84的gps坐標(biāo),如果要返回直接給openLocation用的火星坐標(biāo),可傳入&#39;gcj02&#39;
                success: function (res) {
                    var latitude = res.latitude; // 緯度,浮點(diǎn)數(shù),范圍為90 ~ -90
                    var longitude = res.longitude; // 經(jīng)度,浮點(diǎn)數(shù),范圍為180 ~ -180。
                    var speed = res.speed; // 速度,以米/每秒計(jì)
                    var accuracy = res.accuracy; // 位置精度
                    $("#lblLoacation").text(latitude + "," + longitude);
                }
            });
        });

ステップ 5: エラー インターフェイスを通じて失敗した検証を処理する

wx.error(function(res){
    // config信息驗(yàn)證失敗會執(zhí)行error函數(shù),如簽名過期導(dǎo)致驗(yàn)證失敗,具體錯誤信息可以打開config的debug模式查看,
    // 也可以在返回的res參數(shù)中查看,對于SPA可以在這里更新簽名。
});

このエラー インターフェイスは、通常の狀況では、ここでユーザーにエラーの入力を求めるプロンプトが表示されることもあります。

2)、署名アルゴリズム

簽名生成規(guī)則如下:參與簽名的字段包括noncestr(隨機(jī)字符串), 有效的jsapi_ticket, timestamp(時(shí)間戳), url(當(dāng)前網(wǎng)頁的URL,不包含#及其后面部分) 。對所有待簽名參數(shù)按照字段名的ASCII 碼從小到大排序(字典序)后,使用URL鍵值對的格式(即key1=value1&key2=value2…)拼接成字符串string1。這里需要注意的是所有參數(shù)名均為小寫字符。對string1作sha1加密,字段名和字段值都采用原始值,不進(jìn)行URL 轉(zhuǎn)義。

即signature=sha1(string1)。 示例:

noncestr=Wm3WZYTPz0wzccnW

jsapi_ticket=sM4AOVdWfPE4DxkXGEs8VMCPGGVi4C3VM0P37wVUCFvkVAy_90u5h9nbSlYy3-Sl-HhTdfl2fzFy1AOcHKP7qg

timestamp=1414587457

url=http://mp.weixin.qq.com?params=value

步驟1. 對所有待簽名參數(shù)按照字段名的ASCII 碼從小到大排序(字典序)后,使用URL鍵值對的格式(即key1=value1&key2=value2…)拼接成字符串string1:

jsapi_ticket=sM4AOVdWfPE4DxkXGEs8VMCPGGVi4C3VM0P37wVUCFvkVAy_90u5h9nbSlYy3-Sl-HhTdfl2fzFy1AOcHKP7qg&noncestr=Wm3WZYTPz0wzccnW&timestamp=1414587457&url=http://mp.weixin.qq.com?params=value

步驟2. 對string1進(jìn)行sha1簽名,得到signature:

0f9de62fce790f9a083d5c99e95740ceb90c27ed

注意事項(xiàng)

1.簽名用的noncestr和timestamp必須與wx.config中的nonceStr和timestamp相同。

2.簽名用的url必須是調(diào)用JS接口頁面的完整URL。

3.出于安全考慮,開發(fā)者必須在服務(wù)器端實(shí)現(xiàn)簽名的邏輯。

如出現(xiàn)invalid signature 等錯誤詳見附錄5常見錯誤及解決辦法。

以上就是JSSDK總體的使用流程,雖然看起來比較抽象,但是基本上也就是這些步驟了。

上面的過程是具體的參數(shù)處理邏輯,我們要對應(yīng)到C#代碼的簽名實(shí)現(xiàn),需要對幾個(gè)變量進(jìn)行處理,下面是對應(yīng)的生成noncestr、timestamp、以及簽名等操作的代碼。

/// <summary>
        /// 生成時(shí)間戳,標(biāo)準(zhǔn)北京時(shí)間,時(shí)區(qū)為東八區(qū),自1970年1月1日 0點(diǎn)0分0秒以來的秒數(shù)
        /// </summary>
        /// <returns>時(shí)間戳</returns>
        private static string GetTimeStamp()
        {
            TimeSpan ts = DateTime.UtcNow - new DateTime(1970, 1, 1, 0, 0, 0, 0);
            return Convert.ToInt64(ts.TotalSeconds).ToString();
        }

        /// <summary>
        /// 生成隨機(jī)串,隨機(jī)串包含字母或數(shù)字
        /// </summary>
        /// <returns>隨機(jī)串</returns>
        private static string GetNonceStr()
        {
            return Guid.NewGuid().ToString().Replace("-", "");
        }

還有我們要實(shí)現(xiàn)JSSDK簽名的處理,必須先根據(jù)幾個(gè)變量,構(gòu)建好URL字符串,具體的處理過程,我們可以把它們逐一放在一個(gè)Hashtable里面,如下代碼所示。

/// <summary>
        /// 獲取JSSDK所需要的參數(shù)信息,返回Hashtable結(jié)合
        /// </summary>
        /// <param name="appId">微信AppID</param>
        /// <param name="jsTicket">根據(jù)Token獲取到的JSSDK ticket</param>
        /// <param name="url">頁面URL</param>
        /// <returns></returns>
        public static Hashtable GetParameters(string appId, string jsTicket, string url)
        {
            string timestamp = GetTimeStamp();
            string nonceStr = GetNonceStr();

            // 這里參數(shù)的順序要按照 key 值 ASCII 碼升序排序  
            string rawstring = "jsapi_ticket=" + jsTicket + "&noncestr=" + nonceStr + "&timestamp=" + timestamp + "&url=" + url + "";

            string signature = GetSignature(rawstring);
            Hashtable signPackage = new Hashtable();
            signPackage.Add("appid", appId);
            signPackage.Add("noncestr", nonceStr);
            signPackage.Add("timestamp", timestamp);
            signPackage.Add("url", url);
            signPackage.Add("signature", signature);
            signPackage.Add("jsapi_ticket", jsTicket);
            signPackage.Add("rawstring", rawstring);

            return signPackage;
        }

我們注意到URL參數(shù)的字符串組合:

string rawstring = "jsapi_ticket=" + jsTicket + "&noncestr=" + nonceStr + "&timestamp=" + timestamp + "&url=" + url + "";

這里我們拼接好URL參數(shù)后,就需要使用簽名的規(guī)則來實(shí)現(xiàn)簽名的處理了,簽名的代碼如下所示,注釋代碼和上面代碼等同。

/// <summary>
        /// 使用SHA1哈希加密算法生成簽名
        /// </summary>
        /// <param name="rawstring">待處理的字符串</param>
        /// <returns></returns>
        private static string GetSignature(string rawstring)
        {
            return FormsAuthentication.HashPasswordForStoringInConfigFile(rawstring, "SHA1").ToLower();

            ////下面和上面代碼等價(jià)
            //SHA1 sha1 = new SHA1CryptoServiceProvider();
            //byte[] bytes_sha1_in = System.Text.UTF8Encoding.Default.GetBytes(rawstring);
            //byte[] bytes_sha1_out = sha1.ComputeHash(bytes_sha1_in);
            //string signature = BitConverter.ToString(bytes_sha1_out);
            //signature = signature.Replace("-", "").ToLower();
            //return signature;
        }

這樣我們有了對應(yīng)的值后,我們就可以把它們的參數(shù)全部放在集合里面了供使用。

/// <summary>
        /// 獲取用于JS-SDK的相關(guān)參數(shù)列表(該方法對accessToken和JSTicket都進(jìn)行了指定時(shí)間的緩存處理,多次調(diào)用不會重復(fù)生成)
        /// 集合里面包括jsapi_ticket、noncestr、timestamp、url、signature、appid、rawstring
        /// </summary>
        /// <param name="appid">應(yīng)用ID</param>
        /// <param name="appSecret">開發(fā)者憑據(jù)</param>
        /// <param name="url">頁面URL</param>
        /// <returns></returns>
        public Hashtable GetJSAPI_Parameters(string appid, string appSecret, string url)
        {
            string accessToken = GetAccessToken(appid, appSecret);
            string jsTicket = GetJSAPI_Ticket(accessToken);

            return JSSDKHelper.GetParameters(appid, jsTicket, url);
        }

下面我們通過具體的代碼案例來介紹使用的過程。

2、簽到功能的實(shí)現(xiàn)處理

其實(shí)簽到,都可以在微信公眾號和企業(yè)號實(shí)現(xiàn),微信的企業(yè)號可能實(shí)現(xiàn)更佳一些,不過他們使用JSSDK的接口操作是一樣的,我們可以拓展過去就可以了。這里介紹微信公眾號JSSDK實(shí)現(xiàn)簽到的功能處理。

簽到的功能,我們希望記錄用戶的GPS位置信息,還有就是利用拍照功能,拍一個(gè)照片同時(shí)上傳到服務(wù)器,這樣我們就可以實(shí)現(xiàn)整個(gè)業(yè)務(wù)效果了。

首先我們來設(shè)計(jì)簽到的界面,代碼及效果如下所示。

C# を使用して WeChat ポータルとアプリケーションを開発し、WeChat JSSDK を使用してチェックイン機(jī)能を?qū)g裝する方法の概要

界面預(yù)覽效果如下所示:

C# を使用して WeChat ポータルとアプリケーションを開発し、WeChat JSSDK を使用してチェックイン機(jī)能を?qū)g裝する方法の概要

我們來看看微信JSSDK里面對于【獲取地理位置接口】的說明:

wx.getLocation({
    type: &#39;wgs84&#39;, // 默認(rèn)為wgs84的gps坐標(biāo),如果要返回直接給openLocation用的火星坐標(biāo),可傳入&#39;gcj02&#39;
    success: function (res) {
        var latitude = res.latitude; // 緯度,浮點(diǎn)數(shù),范圍為90 ~ -90
        var longitude = res.longitude; // 經(jīng)度,浮點(diǎn)數(shù),范圍為180 ~ -180。
        var speed = res.speed; // 速度,以米/每秒計(jì)
        var accuracy = res.accuracy; // 位置精度
    }
});

以及圖形接口里面【拍照或從手機(jī)相冊中選圖接口】的說明:

wx.chooseImage({
    count: 1, // 默認(rèn)9
    sizeType: [&#39;original&#39;, &#39;compressed&#39;], // 可以指定是原圖還是壓縮圖,默認(rèn)二者都有
    sourceType: [&#39;album&#39;, &#39;camera&#39;], // 可以指定來源是相冊還是相機(jī),默認(rèn)二者都有
    success: function (res) {
        var localIds = res.localIds; // 返回選定照片的本地ID列表,localId可以作為img標(biāo)簽的src屬性顯示圖片
    }
});

上傳圖片到微信服務(wù)器接口如下所示。

wx.uploadImage({
    localId: &#39;&#39;, // 需要上傳的圖片的本地ID,由chooseImage接口獲得
    isShowProgressTips: 1, // 默認(rèn)為1,顯示進(jìn)度提示
    success: function (res) {
        var serverId = res.serverId; // 返回圖片的服務(wù)器端ID
    }
});

備注:上傳圖片有效期3天,可用微信多媒體接口下載圖片到自己的服務(wù)器,此處獲得的 serverId 即 media_id。

根據(jù)這幾個(gè)接口,我們來對它們進(jìn)行包裝,以實(shí)現(xiàn)我們的業(yè)務(wù)需求。根據(jù)我們的需要,我們對JSSDK接口進(jìn)行了調(diào)用,如下所示。

<script language="javascript">
    var appid = &#39;@ViewBag.appid&#39;;
    var noncestr = &#39;@ViewBag.noncestr&#39;;
    var signature = &#39;@ViewBag.signature&#39;;
    var timestamp = &#39;@ViewBag.timestamp&#39;;

        wx.config({
            debug: false,
            appId: appid, // 必填,公眾號的唯一標(biāo)識
            timestamp: timestamp, // 必填,生成簽名的時(shí)間戳
            nonceStr: noncestr, // 必填,生成簽名的隨機(jī)串
            signature: signature, // 必填,簽名,見附錄1
            jsApiList: [
               &#39;checkJsApi&#39;,
               &#39;chooseImage&#39;,
               &#39;previewImage&#39;,
               &#39;uploadImage&#39;,
               &#39;downloadImage&#39;,
               &#39;getNetworkType&#39;,
               &#39;openLocation&#39;,
               &#39;getLocation&#39;
            ]
        });

        wx.ready(function () {
            wx.getLocation({
                type: &#39;wgs84&#39;, // 默認(rèn)為wgs84的gps坐標(biāo),如果要返回直接給openLocation用的火星坐標(biāo),可傳入&#39;gcj02&#39;
                success: function (res) {
                    var latitude = res.latitude; // 緯度,浮點(diǎn)數(shù),范圍為90 ~ -90
                    var longitude = res.longitude; // 經(jīng)度,浮點(diǎn)數(shù),范圍為180 ~ -180。
                    var speed = res.speed; // 速度,以米/每秒計(jì)
                    var accuracy = res.accuracy; // 位置精度
                    $("#lblLoacation").text(latitude + "," + longitude);

                    //解析坐標(biāo)地址
                    var location = latitude + "," + longitude;
                    $.ajax({
                        type: &#39;GET&#39;,
                        url: &#39;/JSSDKTest/GetAddress?location=&#39; + location,
                        //async: false, //同步
                        //dataType: &#39;json&#39;,
                        success: function (json) {
                            $("#lblAddress").text(json);
                        },
                        error: function (xhr, status, error) {
                            $.messager.alert("提示", "操作失敗" + xhr.responseText); //xhr.responseText
                        }
                    });
                }
            });
            wx.getNetworkType({
                success: function (res) {
                    var networkType = res.networkType; // 返回網(wǎng)絡(luò)類型2g,3g,4g,wifi
                    $("#lblNetwork").text(networkType);
                }
            });
            
            chooseImage();
        });
    </script>

其中的chooseImage()是我們在頁面開始的時(shí)候,讓用戶拍照的操作,具體JS代碼如下所示。

//拍照顯示
        var localIds;
        function chooseImage() {
            wx.chooseImage({
                count: 1, // 默認(rèn)9
                sizeType: [&#39;original&#39;, &#39;compressed&#39;], // 可以指定是原圖還是壓縮圖,默認(rèn)二者都有
                sourceType: [&#39;camera&#39;], // 可以指定來源是相冊還是相機(jī),默認(rèn)二者都有
                success: function (res) {
                    localIds = res.localIds; // 返回選定照片的本地ID列表,localId可以作為img標(biāo)簽的src屬性顯示圖片
                    $("#imgUpload").attr("src", localIds);
                }
            });
        }

但用戶使用攝像頭拍照后,就會返回一個(gè)res.localIds集合,因?yàn)槲覀兣恼找粋€(gè),那么可以把它直接賦值給圖片對象,讓它顯示當(dāng)前拍照的圖片。

拍照完成,我們單擊【簽到】應(yīng)該把圖片和相關(guān)的坐標(biāo)等信息上傳到服務(wù)器的,圖片首先是保存在微信服務(wù)器的,上傳圖片有效期3天,可用微信多媒體接口下載圖片到自己的服務(wù)器,此處獲得的 serverId 即 media_id。

為了實(shí)現(xiàn)我們自己的業(yè)務(wù)數(shù)據(jù),我們需要把圖片集相關(guān)信息存儲在自己的服務(wù)器,這樣才可以實(shí)現(xiàn)信息的保存,最后提示【簽到操作成功】,具體過程如下所示。

//上傳圖片
        var serverId;
        function upload() {
            wx.uploadImage({
                localId: localIds[0],
                success: function (res) {
                    serverId = res.serverId;

                    //提交數(shù)據(jù)到服務(wù)器

                    //提示信息
                    $.toast("簽到操作成功");
                },
                fail: function (res) {
                    alert(JSON.stringify(res));
                }
            });
        }

另外,我們?yōu)榱藢?shí)現(xiàn)單擊圖片控件,實(shí)現(xiàn)重新拍照的操作,以及簽到的事件處理,我們對控件的單擊處理進(jìn)行了綁定,如下代碼所示。

document.querySelector(&#39;#imgUpload&#39;).onclick = function () {
            chooseImage();
        };

        $(document).on("click", "#btnSignIn", function () {
            if (localIds == undefined || localIds== null) {
                $.toast(&#39;請先拍照&#39;, "forbidden");
                return;
            }
            //調(diào)用上傳圖片獲得媒體ID
            upload();
        });

C# を使用して WeChat ポータルとアプリケーションを開発し、WeChat JSSDK を使用してチェックイン機(jī)能を?qū)g裝する方法の概要

以上がC# を使用して WeChat ポータルとアプリケーションを開発し、WeChat JSSDK を使用してチェックイン機(jī)能を?qū)g裝する方法の概要の詳細(xì)內(nèi)容です。詳細(xì)については、PHP 中國語 Web サイトの他の関連記事を參照してください。

このウェブサイトの聲明
この記事の內(nèi)容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰屬します。このサイトは、それに相當(dāng)する法的責(zé)任を負(fù)いません。盜作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡(luò)ください。

ホットAIツール

Undress AI Tool

Undress AI Tool

脫衣畫像を無料で

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード寫真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

寫真から衣服を削除するオンライン AI ツール。

Clothoff.io

Clothoff.io

AI衣類リムーバー

Video Face Swap

Video Face Swap

完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。

ホットツール

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中國語版

SublimeText3 中國語版

中國語版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強(qiáng)力な PHP 統(tǒng)合開発環(huán)境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

PHP WeChat 開発: メッセージの暗號化と復(fù)號化を?qū)g裝する方法 PHP WeChat 開発: メッセージの暗號化と復(fù)號化を?qū)g裝する方法 May 13, 2023 am 11:40 AM

PHP は、Web 開発およびサーバーサイド プログラミング、特に WeChat 開発で広く使用されているオープン ソースのスクリプト言語です?,F(xiàn)在、ますます多くの企業(yè)や開発者が WeChat 開発に PHP を使用し始めています。これは、PHP が本當(dāng)に學(xué)びやすく、使いやすい開発言語となっているためです。 WeChat の開発では、メッセージの暗號化と復(fù)號化はデータのセキュリティに関わるため、非常に重要な問題となります。暗號化と復(fù)號化の方法を持たないメッセージの場合、ハッカーは簡単にデータを入手でき、ユーザーに脅威を與える可能性があります。

PHP WeChat開発:投票機(jī)能の実裝方法 PHP WeChat開発:投票機(jī)能の実裝方法 May 14, 2023 am 11:21 AM

WeChat パブリック アカウントの開発では、投票機(jī)能がよく使用されます。投票機(jī)能はユーザーが気軽に交流に參加できるほか、イベントの開催や意見調(diào)査などにも重要なツールです。この記事では、PHPを使用してWeChatの投票機(jī)能を?qū)g裝する方法を紹介します。 WeChat公式アカウントの認(rèn)証を取得する まずはWeChat公式アカウントの認(rèn)証を取得する必要があります。 WeChatパブリックプラットフォームでは、WeChatパブリックアカウント、公式アカウント、およびパブリックアカウントに対応するトークンのAPIアドレスを設(shè)定する必要があります。 PHP言語を使用した開発の過程では、WeChatが公式に提供するPHを使用する必要があります

PHP を使用して WeChat マス メッセージング ツールを開発する PHP を使用して WeChat マス メッセージング ツールを開発する May 13, 2023 pm 05:00 PM

WeChat の人気に伴い、マーケティング ツールとして WeChat を使用し始める企業(yè)が増えています。 WeChat グループ メッセージング機(jī)能は、企業(yè)が WeChat マーケティングを行うための重要な手段の 1 つです。ただし、手動送信のみに頼ると、マーケターにとって非常に時(shí)間と労力がかかる作業(yè)になります。したがって、WeChat マス メッセージング ツールを開発することが特に重要です。この記事では、PHP を使用して WeChat マス メッセージング ツールを開発する方法を紹介します。 1. 準(zhǔn)備作業(yè) WeChat マス メッセージング ツールを開発するには、次の技術(shù)點(diǎn)を習(xí)得する必要があります。 PHP WeChat パブリック プラットフォーム開発の基礎(chǔ)知識 開発ツール: Sub

PHP WeChat 開発: カスタマー サービスのチャット ウィンドウ管理を?qū)g裝する方法 PHP WeChat 開発: カスタマー サービスのチャット ウィンドウ管理を?qū)g裝する方法 May 13, 2023 pm 05:51 PM

WeChat は現(xiàn)在、世界最大のユーザーベースを持つソーシャル プラットフォームの 1 つであり、モバイル インターネットの普及に伴い、ますます多くの企業(yè)が WeChat マーケティングの重要性を認(rèn)識し始めています。 WeChat マーケティングを?qū)g施する場合、顧客サービスは重要な部分です。カスタマー サービスのチャット ウィンドウをより適切に管理するために、WeChat 開発に PHP 言語を使用できます。 1. PHP WeChat 開発の概要 PHP は、Web 開発の分野で広く使用されているオープン ソースのサーバー側(cè)スクリプト言語です。 WeChat パブリック プラットフォームが提供する開発インターフェイスと組み合わせると、PHP 言語を使用して WeChat を?qū)g行できます。

PHP WeChat 開発: ユーザータグ管理を?qū)g裝する方法 PHP WeChat 開発: ユーザータグ管理を?qū)g裝する方法 May 13, 2023 pm 04:31 PM

WeChat パブリック アカウントの開発において、ユーザー タグ管理は非常に重要な機(jī)能であり、開発者がユーザーをよりよく理解し、管理できるようになります。この記事では、PHPを使用してWeChatのユーザータグ管理機(jī)能を?qū)g裝する方法を紹介します。 1. WeChat ユーザーの openid を取得する WeChat ユーザータグ管理機(jī)能を使用する前に、まずユーザーの openid を取得する必要があります。 WeChat パブリック アカウントの開発では、ユーザーの承認(rèn)を通じて openid を取得するのが一般的です。ユーザー認(rèn)証が完了したら、次のコードを通じてユーザーを取得できます。

PHP WeChat 開発: グループ メッセージ送信レコードの実裝方法 PHP WeChat 開発: グループ メッセージ送信レコードの実裝方法 May 13, 2023 pm 04:31 PM

WeChat が人々の生活においてますます重要なコミュニケーション ツールになるにつれ、その機(jī)敏なメッセージング機(jī)能はすぐに多くの企業(yè)や個(gè)人に支持されるようになりました。企業(yè)にとって、WeChat をマーケティング プラットフォームとして開発することがトレンドになっており、WeChat 開発の重要性が徐々に顕著になってきています。その中でも、グループ送信機(jī)能はさらに広く使用されているため、PHP プログラマとしてグループ メッセージ送信レコードを?qū)g裝するにはどうすればよいでしょうか?以下に簡単に紹介します。 1. WeChat パブリック アカウントに関する開発知識を理解する グループ メッセージ送信レコードの実裝方法を理解する前に、

PHP を使用して WeChat パブリック アカウント開発を?qū)g裝する手順 PHP を使用して WeChat パブリック アカウント開発を?qū)g裝する手順 Jun 27, 2023 pm 12:26 PM

PHP を使用して WeChat 公開アカウントを開発する方法 WeChat 公開アカウントは、多くの企業(yè)にとってプロモーションと交流のための重要なチャネルとなっており、一般的に使用される Web 言語として PHP を使用して WeChat 公開アカウントを開発することもできます。この記事では、PHP を使用して WeChat 公開アカウントを開発する具體的な手順を紹介します。ステップ1:WeChat公式アカウントの開発者アカウントを取得する WeChat公式アカウントの開発を開始する前に、WeChat公式アカウントの開発者アカウントを申請する必要があります。具體的な登録プロセスについては、WeChat パブリック プラットフォームの公式 Web サイトを參照してください。

WeChat 開発に PHP を使用するにはどうすればよいですか? WeChat 開発に PHP を使用するにはどうすればよいですか? May 21, 2023 am 08:37 AM

インターネットとモバイル スマート デバイスの発展に伴い、WeChat はソーシャルおよびマーケティング分野に欠かせないものになりました。デジタル化が進(jìn)むこの時(shí)代において、WeChat 開発に PHP を使用する方法が多くの開発者の焦點(diǎn)になっています。この記事では主に、PHP を WeChat 開発に使用する方法とそのヒントや注意事項(xiàng)を紹介します。 1. 開発環(huán)境の準(zhǔn)備 WeChat を開発する前に、まず対応する開発環(huán)境を準(zhǔn)備する必要があります。具體的には、PHP オペレーティング環(huán)境と WeChat パブリック プラットフォームをインストールする必要があります。

See all articles