支付宝小プログラム科普(先発)


前言


微信小プログラムがオンラインになってから1週間が経ち、ネット上では微信小プログラムに関する文章が非常に多く、ここでは紹介しません.微信小プログラムがオンラインになった後、ネット上には支付宝も小プログラムをしているという文章が流れているが、支付宝小プログラムを紹介した文章は一つもない.16年7月から支付宝ウィジェットに触れ始めたプログラム猿として、みんなに科学普及するつもりです.

支付宝ウィジェットとは何ですか?

  • Hybridモードは、Web関連技術により、モバイル端末App
  • を柔軟に構築する
  • Native(jsBridge)との連携により、Webの能力境界と体験
  • を向上させる
  • HTML/JS/CSS/ピクチャなどのリソースをキャッシュし、実行時に必要なダイナミックデータのみを転送し、ネットワークへの依存をできるだけ低減する
  • .

    アリペイウィジェットの前世今生


    支付宝小プログラム原名Hybridオフラインパッケージは、おそらく16年11月に支付宝小プログラムに改称された.

    支付宝の小さいプログラムはどれらのインタフェースを提供しましたか?


    支付宝の内部には小さなプログラムのJSPAPIドキュメントがありますが、まだ公開されていないので、私もここに書くことができません.
    アプレットのインタフェースの大部分はJSPIを通じて直接呼び出すことができ、一部のインタフェースは権限を開通する必要がある.
    githubにはコンテナインタフェースのドキュメントがあり、ここで紹介したインタフェースはすべて支付宝ウィジェットインタフェースに収録されています(このほか、インタフェースも追加されています)
    アリペイウィジェットのインタフェースは、アリペイクライアントでページを実行するだけで使用できます(ページをスキャンするQRコードなど).

    アリペイウィジェットインタフェース呼び出し方式


    bridgeの使い方1
    <h1> h1>
    <script src="https://as.alipayobjects.com/g/component/antbridge/1.1.1/antbridge.min.js">script>
    <script>
        ant.on('titleClick', function (e) {
            alert('title clicked')
        });
    script>

    bridge使用方法2
    <h1> h1>
    <script>
        document.addEventListener('titleClick', function (e) {
            alert('title clicked')
        }, false);
    script>

    第1の方法はjsファイルを導入する必要があるが、ウィジェットの公式サイトでは、を してネットワークトラフィックを しないjsファイルがコンテナに まれていることを している.だから2つの い に いはないと います.


    さなプログラムの サイトでは、 プロセスが されていますが、 です( 、 に すればいい). な れは わない. 、アリペイの を いて、アリペイの パートナーにのみ を しています.


    アリの 、ゲームセンター、 の 、 、チャージセンターを にすることができます.これらは さなプログラムのような で されています.
    オリジナル 、 は を してください!
    : プログラム ( )
    ブロガーブログアドレス:Molinのブログ