vueは微信の公衆番号を共有して、支払います
2099 ワード
この間、微信の公衆番号を作って、私はまた初心者なので、経験がなくて、vueを取ってから始めて、1つの穴を招いて更に穴をあけて、まるで恐れています!!!今回のプロジェクトでは、主にvueのフレームワーク全体と必要なプラグインを使っていますが、vuexは使っていません.vuexを使うと便利です.
1.まず認証取得openidから;
その後、私たちは修正して、バックグラウンドで認証ジャンプをして、私たちのページに入って直接認証して、自分でジャンプをして、パラメータはurlアドレスの後ろに持っていて、私個人はバックエンドができれば、パラメータをcookieに置いたほうがいいと思います.
2.微信支払い;
このように私は2回出会って、1回は授権がなくて、1回目は支払うことができて、2回目はこのような間違いが現れて、2回目は住所を配置していません;どうせウィチャットで支払うのは長い間やっていましたが、明らかにすると難しくないことに気づきます.
これは支払いの構成で、debugモードが開いて、戻ってきたのはいったい何なのかを見てみましょう.コールバック関数の重いthisの指向が変わったことにも注意してください.
3.微信共有;
自分の必要なパラメータを配置して、微信の支払いと認証の中のdataはすべてバックグラウンドで帰って、大文字と小文字に注意して、微信の認証はrouterを書くことができます.beforeEachの中でもっと自分の需要を持っていて、もしルートが変わったら、認証します;これは最終的に解決する方法ですが、前に私のconfig認証は各ページに書かれていました.私が共有する必要があるページは私が配置して、自分が本当に穴に落ちています.まず、前後の問題です.ページに入るたびに、私のconfigはまだ認証に成功していません.私のはすでに共有の関数を調整しました.これは私が共有するたびに成功しません.routerに書くと.beforeEachではこの問題は存在しません.またshareMessageの内容に注意して、ダイナミックな構成であればそれほど問題はありません.
この認証といえばurlアドレスに関します:まずhashの下で、取得したurlアドレスで、フロントエンドはjsで現在のページを取得して'#'hash部分のリンクを除去する必要があります:locationを使用することができます.href.split('#')[0]取得;historyモードを使うと、現在もあなたの住所を買うことができますが、問題がまた来ていることに気づきます.historyモードならAndroid携帯電話では問題ありませんが、iosの上の問題が出てきました.現在入っているページだけを認証することができます.その後、各ページをコピーして、現在もあなたの住所を買うことができます.そのページにかかわらず、あなたが初めて入ったものもあなたの住所を買って、このように住所認証に成功しなくて、生成した署名が違って、configも成功しなくて、私はこのように解決しました.
やはりrouterを使います.beforeEach、私は先にAndroidかどうかを判断して、もしそうなら直接next();もしそうでなければ、初めて入ったかどうかを判断し、初めてページに入った場合は、アドレスを保存します.私はvuexを使っていないと言っています.私は直接sessionStorageに保存しています.そうすれば、iosであれば、私は毎回configのアドレスが私のsessionStorageのアドレスです.そうすれば、historyモードでconfigを認証します.もちろん他の方法もありますが、例えばaラベルでジャンプすることができますが、これでは意味がなくなり、必要もありません.
1.まず認証取得openidから;
, , , , url , , , , , .その後、私たちは修正して、バックグラウンドで認証ジャンプをして、私たちのページに入って直接認証して、自分でジャンプをして、パラメータはurlアドレスの後ろに持っていて、私個人はバックエンドができれば、パラメータをcookieに置いたほうがいいと思います.
2.微信支払い;
, , , , , , , , , , , , , , , , , このように私は2回出会って、1回は授権がなくて、1回目は支払うことができて、2回目はこのような間違いが現れて、2回目は住所を配置していません;どうせウィチャットで支払うのは長い間やっていましたが、明らかにすると難しくないことに気づきます.
これは支払いの構成で、debugモードが開いて、戻ってきたのはいったい何なのかを見てみましょう.コールバック関数の重いthisの指向が変わったことにも注意してください.
3.微信共有;
, , , , , ;
自分の必要なパラメータを配置して、微信の支払いと認証の中のdataはすべてバックグラウンドで帰って、大文字と小文字に注意して、微信の認証はrouterを書くことができます.beforeEachの中でもっと自分の需要を持っていて、もしルートが変わったら、認証します;これは最終的に解決する方法ですが、前に私のconfig認証は各ページに書かれていました.私が共有する必要があるページは私が配置して、自分が本当に穴に落ちています.まず、前後の問題です.ページに入るたびに、私のconfigはまだ認証に成功していません.私のはすでに共有の関数を調整しました.これは私が共有するたびに成功しません.routerに書くと.beforeEachではこの問題は存在しません.またshareMessageの内容に注意して、ダイナミックな構成であればそれほど問題はありません.
この認証といえばurlアドレスに関します:まずhashの下で、取得したurlアドレスで、フロントエンドはjsで現在のページを取得して'#'hash部分のリンクを除去する必要があります:locationを使用することができます.href.split('#')[0]取得;historyモードを使うと、現在もあなたの住所を買うことができますが、問題がまた来ていることに気づきます.historyモードならAndroid携帯電話では問題ありませんが、iosの上の問題が出てきました.現在入っているページだけを認証することができます.その後、各ページをコピーして、現在もあなたの住所を買うことができます.そのページにかかわらず、あなたが初めて入ったものもあなたの住所を買って、このように住所認証に成功しなくて、生成した署名が違って、configも成功しなくて、私はこのように解決しました.
やはりrouterを使います.beforeEach、私は先にAndroidかどうかを判断して、もしそうなら直接next();もしそうでなければ、初めて入ったかどうかを判断し、初めてページに入った場合は、アドレスを保存します.私はvuexを使っていないと言っています.私は直接sessionStorageに保存しています.そうすれば、iosであれば、私は毎回configのアドレスが私のsessionStorageのアドレスです.そうすれば、historyモードでconfigを認証します.もちろん他の方法もありますが、例えばaラベルでジャンプすることができますが、これでは意味がなくなり、必要もありません.