釘付け/支付宝小プログラムと微信小プログラムの違いと変換案

3049 ワード

最近仕事の任務を受けました.釘付けのプログラムを微信のプログラムに切り替えることです.
そうです.このような操作もあります.これまではWeChatのプログラムを聞いたことがあります.WeChatを回すのはどんな鬼ですか?
実際に操作してみたら、あまり複雑ではないです.nodeJSとvscodeの全体的な入れ替えは、すぐに終わります.
全部のプログラムを書いて実行しなかったのは、二つのアプリに慣れていないからです.このプロジェクトも新しく引き継いだので、業務のロジックが全く分かりません.プログラムを書くのに時間がかかりすぎて、間違いを調べにくいです.二つは、一つずつのアプリの誤報修正によって、二つの小さなプログラムの差異点を整理できます.同時に、できるだけ早く業務コードを熟知します.既存の釘付けアプリのバグを修復し、微信小プログラムに移行するのに合わせて4営業日かかりますが、本来は10営業日と予想されていますので、この効率は納得できます.
1.ファイルの拡張子の名前を変更する
釘付けウィジェットとアリペイウィジェットはほとんど違いがありません.最も主要なのは、アリペイウィジェットのグローバル変数myを支払うことで、釘付けウィジェットはddに対応します.くぎを打つ小さいプログラムのドキュメントは宝の小さいプログラムの詳しいことを支払うほうがいいです.だからドキュメントを見て直接宝の小さいプログラムを支払うのを見てください.
今からピンを微信に変えます.
まず第一歩はファイルの拡張子の名前を変えました.axmlをwxmlに変えて、wxssをacssに変えます.
このステップはJSスクリプトで実行できます.コードアドレス
2.ファイルの内部参照ファイルの拡張子の名前を変更します.
依然としてaxmlをwxmlに変更して、wxssをacssに変えて、全体の局面を取って交替します.
3.ファイル内のimportパスを変更する
ピンは絶対パスを参照することができますが、WeChatはwxmlとjsでは相対パスのみ参照できます.階層は手動で修正する必要があります.
4.API修正
くぎを打つ/宝を支払う小さいプログラムと微信の小さいプログラムの違い
釘付け小プログラムと支払宝小プログラムは基本的に区別がありません.ddmyに変更すればいいです.以下は釘付けとWeChatの違いを整理しましたが、そんなに大きくはないです.問題があったら文書を調べても大丈夫です.
対照的に、小さなプログラムのエディタを釘付けにするのは非常に難しいです.ホワイトスクリーンをプレビューしやすく、エディタを再起動する必要があります.これは本当に難しいです.
appの説明
釘付けプログラム
WeChatアプレット
イベントバインドをクリックしますonTapbindtap焦点を失うonBlurbindblurローカルキャッシュdd.getStorageSync({key: 'score'}).datawx.getStorageSync('score')toastヒントdd.showToast({content: ' '})wx.showToast({title: ' ',icon:'none'})は、icon:noneを設定しないと、成功したアイコンをデフォルトで表示します.
タイムセレクタdd.datePickerWeChatにはこの方法がありません.picker-viewコンポーネントで実現できます.
テンプレート文法a: wx:ネットワーク要求headerパラメータdd.requestheadersである.wx.requestheaderである.
イベントオブジェクトe.target.dataset.recordIdWeChatは小文字に変換されます.
サブコンポーネントは親コンポーネントを呼び出す必要があります.
親コンポーネントは、関数を属性としてサブアセンブリに渡すことができ、サブアセンブリは、propsによって受信される.
現在は親コンポーネントイベントによってのみ傍受可能であり、サブアセンブリはe.target.dataset.recordidを介して親コンポーネント自身をトリガする方法である.
画像/ファイルアップロードtriggerEventのリピートに成功した場合、ピクチャのローカル一時ファイルパスのリスト属性名はdd.chooseImageです.filePathsのリピートに成功した場合、ピクチャのローカル一時ファイルパスのリスト属性名はwx.chooseImageです.
アップロードファイルuploadFiletempFilePathsパラメータオブジェクトのうち、dd.uploadFile属性は必須ではない.nameパラメータオブジェクトでは、wx.uploadFile属性は必ず転送され、ファイル対応のkeyとして、開発者は、サービス端末でこのkeyを通じてファイルのバイナリコンテンツを取得することができます.
ログイン
呼び出しnamemy.getAuthCodeは、インターフェースを呼び出して登録証明書(code)を取得する.証明書によってさらにユーザー登録状態情報と引き換えに、ユーザの一意の識別(openid)や今回登録されたセッションキー(sessionukey)などが含まれる.
スクロールセレクタコンポーネントpicker-view
最初の読み込み時はvalue値でデフォルトの選択位置を設定できます.
最初の読み込み時はvalue値でデフォルトの選択位置を設定できません.WeChatのbugだと思います.
カスタムコンポーネントwx.login定義属性用Componentprops定義属性用Component