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