monetize.JS:Web貨幣化の管理とシミュレーションのためのイベント駆動型ライブラリ


私の提出

私の作ったもの


イベントを駆動するライブラリは、Webの収益APIのラッパーとして機能します.また、monetizationシミュレータは、ライブラリをサポートするために構築されており、プロセスをテストすることは非常に簡単です.

機能

  • 柔軟なポインター管理(静的でダイナミックな).
  • イベントを見て、構文のような約束.
  • ポインタのリストをカスタマイズ可能なサイクル.
  • ポインタのリストを介して確率的なサイクルをサポートします.
  • 計算総額通貨でグループ化.
  • iframeまたはインストールの拡張子なしで動作する強力なシミュレータ.
  • 提出カテゴリ


    基礎技術

    デモ


    私は便利なセットと一緒にライブラリを使用する方法に関する詳細なREADMEファイルを準備しましたexamples いくつかの共通のシナリオです.
    ライブラリによって提供されるいくつかの機能の選択を次に示します.

    ウォッチャーAPI


    単純にヘッドタグへの支払いポインタを手動で追加することでスタティックモードを使うことができます.
    <head>
    ...
    <meta
        name="monetization"
        content="$wallet.example.com/alice"
    >
    ...
    </head>
    
    次に、コードを使用して別のイベントを聞くことができます
    monetize.when('start').then((event) => {
        // Your event listener logic here.
    });
    
    monetize.when('progress').then((event) => {
        // Your event listener logic here.
    });
    
    提供APIは約束のようですが、それは必ずしも約束のように振る舞うわけではありません.例えばthen ここでは、イベントが発火される限り、約束とは異なります.

    動的ポインタを使う


    デフォルトでは、monetize.jsは既にページに追加されたポインタを自動検出します.また、動的ポインターで動作する便利な方法のセットを提供します.
    const p = '$example/bob';
    
    monetize.pointer(p).then((watcher) => {
        // monetizationstart event has been fired.
    
        watcher.when('progress').then((event) => {
            // Your event listener logic.
        });
    });
    

    量API


    与えられたポインタの合計ストリーム量と通貨で動作する方法の基本的な例を次に示します.
    注意:量APIを使用するには、動的ポインタメソッドのいずれかを使用しなければなりませんpointer or pluck など
    const pointer = '$example';
    
    monetize.pointer(pointer);
    
    // Get the Raw amount sent.
    const amount = monetize.amount.getPointerTotal(pointer);
    // => output: 5258
    
    // Or get the Formatted amount
    const amount = monetize.amount.getPointerTotal(pointer, true);
    // => output: 0.035
    
    // Get the currency
    const currency = monetize.amount.getPointerCurrency(pointer);
    

    リストから選択


    を指定すると、指定した配列からポインタをランダムに選択できますpluck メソッド.
    const pointers = [
        '$alice.example',
        '$connie.example',
        '$bob.example'
    ];
    
    // Randomly pick a pointer.
    monetize.pluck(pointers).then(...);
    
    
    オブジェクトを渡すpluck メソッドは、確率ベースのモードに切り替えます.
    const pointers = {
      '$alice.example': 0.6,
      '$bob.example': 0.05,
      '$connie.example': 0.30,
    };
    
    // Randomly pick a pointer based on it's probability.
    monetize.pluck(pointers).then(...);
    

    サイクルスルー


    ときどき、ページロードで1つのポインタを選ぶのは十分ではありません.この場合には、cycle and probabilisticCycle リストを循環させるpointers 与えられたtimeout .
        // Signature
        cycle(pointers [, timeout [, callback]])
    
        const pointers = [
          '$wallet',
          '$wallet2',
          '$wallet3',
        ];
    
        monetize.cycle(pointers, 5000).then(...);
    
    確率的アプローチの利用
        // Signature
        probabilisticCycle(pointers [, timeout])
    
        const pointers = [
          '$wallet',
          '$wallet2',
          '$wallet3',
        ];
    
        monetize.probabilisticCycle(pointers, 5000).then(...);
    
    この例はexamples ディレクトリ.

    シミュレータ


    コアライブラリの横には、強力なWeb金化シミュレータが出荷されます.これは、任意の拡張を必要としない、またはiframeの中で実行する.
    動作中のシミュレータの例

    詳細とドキュメントはリポジトリにあります.

    コードへのリンク


    ライブラリコードはGithubに設定され、使用方法についての詳細な説明でホストされています.

    スンチャン / monetize。js


    Web化を管理しシミュレートするためのイベント駆動型ライブラリ


    monetize。js







    monetize.JSはWEBのAPI化のためのラッパーとシミュレータとして機能するイベント駆動ライブラリです.

    機能

  • 柔軟なポインター管理(静的でダイナミックな).
  • イベントを見て、構文のような約束.
  • ポインタのリストをカスタマイズ可能なサイクル.
  • ポインタのリストを介して確率的なサイクルをサポートします.
  • 計算総額通貨でグループ化.
  • iframeまたはインストールの拡張子なしで動作する強力なシミュレータ.
  • インストール.js


    NPMの使用
    npm install monetize
    // Using it
    const monetize = require('monetize')
    
    unpkg cdnを使う
    <高橋潤子>https://unpkg.com/monetize最新の/dist/monetize.スクリプトの説明


    複数の例がMonetizeを使用して作成されています.あなたは、これで彼らを見つけることができますexamples フォルダ.

    monetize。js API


    できるだけ早くインポートします.JSはヘッドタグを観察し始めます.

    貨幣化イベントの監視


    単純にヘッドタグへの支払いポインタを手動で追加することでスタティックモードを使うことができます.
    <ヘッド>
    メタ
    name ="
    View on GitHub

    追加情報


    私はライブラリのいくつかの例をホストするグリッチプロジェクトを作成しました.
    < div >
    < hr/>
    あなたは、あなたのフィードバックや提案を残すこと自由に感じて渡していただきありがとうございます.グッドラック!p >