Yii-creating-extensions

提供:Dev Guides
移動先:案内検索

Yii-拡張機能の作成

標準の*「Hello world」*メッセージを表示する簡単な拡張機能を作成しましょう。 この拡張機能は、Packagistリポジトリを介して配布されます。

ステップ1 *-ハードドライブに *hello-world というフォルダーを作成しますが、Yii基本アプリケーションテンプレート内には作成しません)。 hello-worldディレクトリ内で、次のコードを使用して composer.json という名前のファイルを作成します。

{
    "name": "finddevguides/hello-world",
    "authors": [
        {
            "name": "finddevguides"
        }
    ],
    "require": {},
    "autoload": {
        "psr-0": {
            "HelloWorld": "src/"
        }
    }
}

PSR-0標準を使用しており、すべての拡張ファイルは src フォルダーの下にあると宣言しました。

ステップ2 *-次のディレクトリパスを作成します: *hello-world/src/HelloWorld

ステップ3 *- *HelloWorld フォルダー内で、次のコードで SayHello.php というファイルを作成します。

<?php
   namespace HelloWorld;
   class SayHello {
      public static function world() {
         return 'Hello World, Composer!';
      }
   }
?>
*hello* メッセージを返すworld static関数で *SayHello* クラスを定義しました。

ステップ4 *-拡張機能の準備ができました。 *github アカウントで空のリポジトリを作成し、この拡張機能をそこにプッシュします。

*hello-world* フォルダー内で実行-
  • git init
  • git add
  • git commit -m“初期コミット”
  • git remote add origin <YOUR_NEWLY_CREATED_REPOSITORY>
  • git push -u元マスター

プッシュ拡張機能

拡張機能を github に送信しました。 ここで、* [[1]]をクリックします。

githubリポジトリを入力して公開するページが表示されます。

githubリポジトリを入力

ステップ5 *-「チェック」*ボタンをクリックすると、拡張機能が公開されます。

拡張公開

ステップ6 *-基本的なアプリケーションテンプレートに戻ります。 *composer.json に拡張子を追加します。

{
   "name": "yiisoft/yii2-app-basic",
   "description": "Yii 2 Basic Project Template",
   "keywords": ["yii2", "framework", "basic", "project template"],
   "homepage": "http://www.yiiframework.com/",
   "type": "project",
   "license": "BSD-3-Clause",
   "support": {
      "issues": "https://github.com/yiisoft/yii2/issues?state=open",
      "forum": "http://www.yiiframework.com/forum/",
      "wiki": "http://www.yiiframework.com/wiki/",
      "irc": "irc://irc.freenode.net/yii",
      "source": "https://github.com/yiisoft/yii2"
   },
   "minimum-stability": "dev",
   "prefer-stable" : true,
   "require": {
      "php": ">=5.4.0",
      "yiisoft/yii2": ">=2.0.5",
      "yiisoft/yii2-bootstrap": "*",
      "yiisoft/yii2-swiftmailer": "*",
      "kartik-v/yii2-widget-datetimepicker": "*",
      "finddevguides/hello-world": "*"
   },
   "require-dev": {
      "yiisoft/yii2-codeception": "*",
      "yiisoft/yii2-debug": "*",
      "yiisoft/yii2-gii": "*",
      "yiisoft/yii2-faker": "*"
   },
   "config": {
      "process-timeout": 1800
   },
   "scripts": {
      "post-create-project-cmd": [
         "yii\\composer\\Installer::postCreateProject"
      ]
   },
   "extra": {
      "yii\\composer\\Installer::postCreateProject": {
         "setPermission": [
            {
               "runtime": "0777",
               "web/assets": "0777",
               "yii": "0755"
            }
         ],
         "generateCookieValidationKey": [
            "config/web.php"
         ]
      },
      "asset-installer-paths": {
         "npm-asset-library": "vendor/npm",
         "bower-asset-library": "vendor/bower"
      }
   }
}

ステップ7 *-プロジェクトルートフォルダー内で、 *composer update を実行して、すべての依存関係をインストール/更新します。

Composerアップデートの実行

ステップ8 *-拡張機能をインストールする必要があります。 これを使用するには、 *SiteControlleractionAbout メソッドの About ビューを変更します。

<?php
  /*@var $this yii\web\View*/
   use yii\helpers\Html;
   $this->title = 'About';
   $this->params['breadcrumbs'][] = $this->title;
   $this->registerMetaTag(['name' => 'keywords', 'content' => 'yii, developing, views,
      meta, tags']);
   $this->registerMetaTag(['name' => 'description', 'content' => 'This is the
      description of this page!'], 'description');
?>
<div class = "site-about">
   <h1><?= Html::encode($this->title) ?></h1>
   <p>
      This is the About page. You may modify the following file to customize its content:
   </p>
   <h1><?= HelloWorld\SayHello::world();  ?></h1>
</div>

ステップ9 *-Webブラウザで *http://localhost:8080/index.php?r = site/about と入力します。 拡張機能から hello world メッセージが表示されます。

Hello World Message