banner
阿珏酱

阿珏酱

いつもとは逆の電車に乗り、見たこともない風景を見に行く
twitter
github
facebook
bilibili
zhihu
steam_profiles
youtube

微信JSAPI支払い

ヒント:このメッセージが表示されている場合、現在の記事は元のemlogブログシステムからここに移行されたものであり、記事の公開日時が非常に古いため、編成や内容が完全でない可能性があります。ご了承ください。

WeChat JSAPI 決済

日付:2019-3-30 阿珏 コードをいじる ビュー:1883 回 コメント:6 件

最近、WeChat関連のビジネスをずっとやっていました。新しい技術ではないですが、以前は接触する機会がなかったので、いくつかの落とし穴にハマりながら、時間を見つけて整理して記録しました。
WeChat決済は合計7種類に分かれており、具体的には:支払いコード決済、JSAPI決済、ネイティブ決済、APP決済、H5決済、ミニプログラム決済、顔認証決済です。
今回のビジネスで使用されるのはWeChat JSAPI決済です:ユーザーはWeChatでQRコードをスキャンしたり、公式アカウントをフォローしたりして、商家のH5ページに入り、 WeChat内 でJSSDKを呼び出して決済を完了します。

ドキュメント: https://pay.weixin.qq.com/wiki/doc/api/index.html


SDK: https://pay.weixin.qq.com/wiki/doc/api/micropay.php?chapter=11_1

JSAPI決済はWeChatのブラウザで開かないと呼び出せないため、以下のような効果があります。

image
インターフェースコードを添付します。
コード内でテンプレートエンジンを使用しています。

html:
JavaScript:
CSS部分
WeChat決済を呼び出す。この場所のjsコードはWeChatのモバイルブラウザでのみ有効です。
インターフェースは妹子UIに基づいており、以下のような効果があります。
image
PHPバックエンド、ローカル注文を作成します。
コールバッククラスの呼び出し
注意:WeChat決済には、バックエンドでWeChat決済の承認ディレクトリを設定する必要があります。その中のAPPIDなどのパラメータはWeChat決済のバックエンドで取得できます。
WeChat公式アカウント情報の設定
APPID:支払いにバインドされたAPPID(必須設定、開設メールで確認できます)
MCHID:商人番号(必須設定、開設メールで確認できます)
KEY:商人の支払い秘密鍵、開設メールの設定を参照(必須設定、商人プラットフォームにログインして自分で設定)
設定アドレス:https://pay.weixin.qq.com/index.php/account/api_cert
APPSECRET:公式アカウントのsecert(JSAPI決済のときのみ設定が必要、公式プラットフォームにログインし、開発者センターで設定できます)、
取得アドレス:https://mp.weixin.qq.com/advanced/advanced?action=dev&t=advanced/dev&token=2005451881&lang=zh_CN
image

ネットユーザーのコメント:

image 苏宝宝 2 年前 (2019-04-06)
これをどうやってコードをコピーするのですか?実戦操作をしたいので、博主にコードの百度クラウドリンクをもらえますか?

image 阿珏 2 年前 (2019-04-07)
@苏宝宝:WeChat 公式から提供された SDK に呼び出しの例があります。記事中には基本的な html コードしかなく、コピーしても直接使用することはできませんので、参考程度にしてください。

image 译丶浅夏 2 年前 (2019-04-03)
絵文字はどう統合するのですか?大佬、チュートリアルを出してもらえますか?

image 阿珏 2 年前 (2019-04-03)
@译丶浅夏:これは既存のプラグインがありますので、検索してみてください。ただし、各ブログのテンプレートは異なるため、少し時間をかけて自分で整える必要があります。

image Ricky 2 年前 (2019-03-31)
前提として、決済を開通できる WeChat 公式アカウントが必要です。

image 杨小杰博客 2 年前 (2019-03-30)
朕はすでに読んだ。

読み込み中...
文章は、創作者によって署名され、ブロックチェーンに安全に保存されています。