composer – PlusMagi's Blog By Pitt Phunsanit

command-line, composer, dos, internet, npm, proxy, windows

แก้ composer, npm ผ่าน proxy แล้วไม่ทำงาน

เป็นเรื่องปกติที่เน็ตใน office ใหญ่ๆ มันจะอยู่หลัง proxy ที่จะกรองข้อมูลเข้าออก แต่แปลกคือเปิดเว็บใน chrome firefox IE ได้หมด แต่ตัว command line dos ตัวน้อยๆ น่ารัก ที่ติดมากับ windows มีปัญหาไม่สามารถติดตั้ง package ต่างๆ ผ่าน composer หรือ npm ได้

เพราะว่าสำนักงานอาจจะใช้ NTLM หรือ Kerberos มาทำเป็น proxy โดยไม่ได้สนใจว่า dos, command line แม้แต่น้องใหม่ powershell อะไรพวกนี้มันต่อเน็ตไม่ได้ 100% ทั้ง ๆ ที่ ping ออกไปได้ เอา url ไปเปิดดูก็ได้ แต่ทั้ง composer ทั้ง npm มันบอกว่าต่อเน็ตไม่ได้ network เค้าก็บอกไม่ได้บล๊อกนะ ทำไม่เป็นแบบนี้ไม่รู้เหมือนกัน

วิธีแก้คือหาโปรแกรม authentication proxy, forward proxy, reverse Proxy มาช่วย เดิมเคยใช้ Cntlm Authentication Proxy โดนเคยเขียน forward proxy ด้วย cntlm ไว้แต่พี่แกแทบจะไม่พัฒนาต่อแล้ว เลยเปลี่ยนมาใช้ Px แทน

การติดตั้ง

สร้าง folder ไว้เก็บโปรแกรม เช่น C:\px
โหลดมาจากหน้า https://github.com/genotrance/px/releases/tag/vHEAD จะมีตัวที่เป็น .exe ให้โหลดมาเก็บไว้ที่ C:\px
เปิด command line แล้ว
1. cd c:/
2. cd c:\px
3. ถ้า proxy ของ office คือ 192.168.1.33 port 3128 ก็พิมพ์
  px –192.168.1.33:3128 –save
4. px –install
เปิดไฟล์ C:\px\px.ini ตามคู่มือ Configuration ออกมาแก้ เช่น

[proxy]
allow = *.*.*.*
auth =
gateway = 0
hostonly = 0
listen = 127.0.0.1
noproxy = 192.168.1.*
pac =
port = 3129
server = 192.168.1.33:3128
useragent =
username =

[settings]
foreground = 0
idle = 30
log = 0
proxyreload = 60
socktimeout = 20.0
threads = 5
workers = 8

แก้ windows environment สมมุติว่า 3128 คือ port ที่ตั้งไว้ใน [proxy] จะได้

Variable	Value
HTTP_PORXY	localhost:3129
HTTP_PROXY_REQUEST_FULLURI	0
HTTPS_PROXY	localhost:3129
HTTPS_PROXY_REQUEST_FULLURI	0

ถ้าไม่เคยตั้งค่า Windows Environment Variables อ่านได้จาก

เปิดไฟล์ C:\Windows\System32\drivers\etc\hosts
แก้จาก

# localhost name resolution is handled within DNS itself.
#	127.0.0.1       localhost
#	::1             localhost

เป็น

# localhost name resolution is handled within DNS itself.
	127.0.0.1       localhost
	::1             localhost

restart แล้วลง composer และ npm ใหม่ ตัวติดตั้งเห็นเห็น Windows Environment Variables แล้วตั้งค่า proxy ให้เอง

Byphunsanit

authenticate, cmd, command, composer, curl, ntlm, ping, proxy

เช็คเน็ตตัวย curl

อ่านหัวข้อแล้วอาจจะงงทำไม่ไม่เปิดกับ browser ละง่ายจะตาย ความจริงคือ composer มันไม่สามารถติดตั้งอะไรได้เลย แม้แต่ตัวมันเอง แต่สามารถใช้ command ping ได้ปกติ คนทำ proxy ก็บอกของเค้าปกติ เลยต้องใช้ curl มาเปิดเว็บดู

ทดลองโดยใช้

curl -v http://pitt.plusmagi.com

ที่นี้เห็นชัดเลยว่า มันไม่ผ่าน authen ของ proxy ทั้งๆ ที่เปิดเว็บเข้าไปดูอะไรต่ออะไรได้ปกตินั่นละ url เดียวกัน port เดียวกัน แต่ดึงข้อมูลกับ command กลับไม่ได้ ไม่เอา ผล ให้ดูนะเดี๋ยวชื่อ server เค้าจะหลุดออกมาข้างนอก แต่มันบอกตรงตัวเลยว่า ติด authen ที่ ntlm proxy มันนี่ละไม่ต้องหาอื่นไกล ทดลองอีกทีโดยใช้

Curl -x { proxy name / proxy ip }:{ port } --proxy-user { domain name ตอน login windows }\{ username }: password -L http://pitt.plusmagi.com

username, password และ domain ก็ตัวที่ใช้ออกเน็ตนี่ละ ดูจากผล command line ออกเน็ตผ่าน proxy ได้แล้วละ

เจอสาเหตุแล้วที่นี้เรามาแก้ให้ออกเน็ตกับ command line ได้กัน forward proxy ด้วย cntlm

Byphunsanit

CodeIgniter, composer, configuration, loading, vendor, คอนฟิก, คอมโพสเซอร์, โค้ทอินิกเตอร์

CodeIgniter: Composer

โดยปกติ composer จะเก็บไฟล์โดยสร้าง folder vendor ใน folder เดียวกับไฟล์ composer.json

ใน codeinigter ว่างไฟล์ composer.json ไว้นอกสุดแต่ในไฟล์ \application\config\config.php กลับเขียน

/*
  |--------------------------------------------------------------------------
  | Composer auto-loading
  |--------------------------------------------------------------------------
  |
  | Enabling this setting will tell CodeIgniter to look for a Composer
  | package auto-loader script in application/vendor/autoload.php.
  |
  |    $config['composer_autoload'] = TRUE;
  |
  | Or if you have your vendor/ directory located somewhere else, you
  | can opt to set a specific path as well:
  |
  |    $config['composer_autoload'] = '/path/to/vendor/autoload.php';
  |
  | For more information about Composer, please visit http://getcomposer.org/
  |
  | Note: This will NOT disable or override the CodeIgniter-specific
  |    autoloading (application/config/autoload.php)
  */

คือ พี่แกให้เก็บไฟล์ไว้ที่ application/vendor ไม่ใช่ /vendor

ปัญหานี้แก้ได้โดยเพิ่ม

{
  ...
  "config": {
  "vendor-dir": "application/vendor"
  },
  ...
}

หลังจากนั้นก็ไปเปิด auto-load โดยเปลี่ยน

$config['composer_autoload'] = false;

เป็น

$config['composer_autoload'] = true;

แล้วทดลองใช้ command

composer update

จะเห็นว่าไฟล์เข้าไปที่ application/vendor แล้ว

ถ้า composer โหลดไฟล์มาไม่ได้เพราะติด proxy อ่าน

อ่านเพิ่มเติม

Byphunsanit

composer, Library, project, โครงการ

สร้าง project ใหม่โดยใช้ composer

เดี่ยวนี้ framework ต่างๆก็ใช้ package manager อย่าง composer ติดตั้ง library ต่างๆ รวมทั้งติดตั้ง framework อื่นๆ อย่าง jQuery ถ้าต้องการที่จะสร้างโครงการของเราเองก็ทำได้ง่ายๆ

สร้าง folder ใหม่ขึ้นมา เช่น C:\xampp\htdocs\snippets
พิมพ์
```
composer init
```

ตอบคำถามไปตามละดับ เช่น

D:\>cd D:\xampp\htdocs\snippets

D:\xampp\htdocs\snippets>composer init


  Welcome to the Composer config generator



This command will guide you through creating your composer.json config.

Package name (<vendor>/<name>) [pitt.p/snippets]: pitt/snippets
Description []: code snippets
Author [, n to skip]: Pitt Phunsanit <[email protected]>
Minimum Stability []: stable
Package Type (e.g. library, project, metapackage, composer-plugin) []: project
License []: mit

Define your dependencies.

Would you like to define your dependencies (require) interactively [yes]? yes
Search for a package: jquery

Found 15 packages matching jquery

   [0] components/jquery
   [1] frameworks/jquery
   [2] contao-components/jquery
   [3] yiisoft/jquery
   [4] etdsolutions/jquery
   [5] ovidentia/jquery
   [6] mygento/jquery
   [7] quickapps-plugins/jquery
   [8] intelogie/jquery
   [9] apnet/jquery
  [10] jquery/jquery
  [11] yepsua/jquery4php
  [12] venne/jquery2.0-module
  [13] sonata-project/jquery-bundle
  [14] blueimp/jquery-file-upload

Enter package # to add, or the complete package name if it is not listed: 0
Enter the version constraint to require (or leave blank to use the latest version):

ตอบคำถามไปเรื่อยๆ รูปแบบ packages จะสัมพันกับ url ใน github เช่น https://github.com/jquery/jquery ถ้าไม่ทราบหาได้ขากเว้บ packagist.org จนสุดท้ายจะสร้างไฟล์ composer.json ขึ้นมา

{
    "authors": [{
        "email": "[email protected]",
        "homepage": "https://pitt.plusmagi.com",
        "name": "pitt phunsanit",
        "role": "Developer"
    }],
    "description": "snippet",
    "homepage": "https://pitt.plusmagi.com",
    "license": "mit",
    "minimum-stability": "stable",
    "name": "pitt/snippet",
    "require": {
        "ckeditor/ckeditor": "*",
        "components/jquery": "*",
        "components/jquery-migrate": "*",
        "components/jqueryui": "*",
        "phpoffice/phpexcel": "^1.8",
        "twbs/bootstrap": "*"
    },
    "type": "project"
}

โหลด library โดยคำสั่ง
```
composer update
```

ไฟล์จุถูกเก็บในโฟลเดอร์ vendor/xxx/yyy อย่างเรียบร้อยและเหมือนกันทุกเครื่องถ้าลง package เดียวกัน version เดียวกัน

Byphunsanit

composer, Install, installation, ติดตั้ง

ติดตั้ง composer แบบ manual

ต้องลง composer แต่ไม่มีสิทธิติดตั้งโปรแกรม หรือต้องลงหลายเครื่องๆ การลงแบบ manual จะเร็วกว่า

ติดตั้งโดย

สร้างโฟลเดอร์ ขึ้นมา โดยปกติจะอยู่ที่ C:\ProgramData\ComposerSetup\bin

สร้างไฟล์ composer.bat

 @echo OFF
:: in case DelayedExpansion is on and a path contains !
setlocal DISABLEDELAYEDEXPANSION
php "%~dp0composer.phar" %*

download composer.phar มาจาก Download Composer มา save ไว้
เพิ่ม Path variable ตามวิธี แก้ / เพิ่ม windows environment variables registry
ทดสอบโดยใช้ command
```
 composer –v
```

ถ้ายังใช้ไม่ได้ ให้ restart explorer.exe จากนั้นเปิด command line ใหม่ลองเช็คอีกครั้ง จะได้ไม่ต้อง restart windows ใหม่

อ่านเพิ่มเติม

Manual Installation

Byphunsanit

composer, configuration, jQuery, YII2, คอนฟิก, คอมโพสเซอร์, เจคิวรี่

Yii2 Fixed jQuery version

งานที่ทำใช้ jQuery plugin ที่จำกัดอยู่ที่ไม่เกินเวอร์ชั่น 2.1.3 เท่านั้น แต่ทุกครั้งที่ update yii โดยใช้คำสั่ง composer update มันจะเปลี่ยนเจคิวรี่เป็นตัว 2.1.4 ทุกครั้ง ต้องมาเปลี่ยนทุกครั้งเลย แก้ได้โดยไปสั่งใช้คอมโพสเซอร์โหลดตัวที่ต้องการมา

แก้ composer.json เพิ่ม

    "require": {
...
        "components/jquery": "2.1.3"
...
    },

ไปใช้ command พิมพ์ composer update มันจะโหลดเจคิวรี่มาเก็บไว้ที่ \vendor\components\jquery

สั่งให้ยีสองโหลด jquery ตัวนี้มาใช้โดยกำหนด

...
    'components'     => [
...
        'assetManager' => [
            'bundles' => [
                'yii\web\JqueryAsset' => [
                    'baseUrl' => '@web',
                    'js' => [
                        '../../vendor/components/jquery/jquery.min.js',
                    ],
                    'sourcePath' => null
                ],
            ],
        ],
...

yii จะเปลี่ยน link จาก

<script src="/YiiAdvanced/frontend/web/assets/41df07c8/jquery.js"></script>

เป็น

<script src="/YiiAdvanced/frontend/web/../../vendor/components/jquery/jquery.min.js"></script>

หลังจากนี้ถึงจะอัพเดตกี่ครั้ง jquery ก็จะยังเป็นตัวเดิมอยู่

Byphunsanit

advanced, back-end, composer, configuration, environment, front-end, initialize, installation, yii, YII2, ขั้นสูง, คอมโพสเซอร์, ติดตั้ง, ปรับแต่ง, ยี, สภาพแวดล้อม, หน้าบ้าน, หลังบ้าน, เริ่มต้น

ติดตั้ง yii 2 advance ผ่าน composer

YII เพิ่งออกเวอร์ชั่น 2 มาวันที่ 12 ตุลาคม พ ศ 2557 เลยเอามาลองของซักหน่อย ก่อนอื่นให้ลง composer สำหรับติดตั้งตามยุคสมัย (จริงๆ โหลด zip มาแตกเองง่ายกว่าด้วยซ้ำไป ถ้าไม่ต้องการใช้ composer ให้โหลด zip มาแล้วข้ามขั้นตอนที่ 1 ไปเลยครับ)

ก่อนอื่น update เจ้า composer ซะก่อนตามธรรมเนียม รีสตาร์ต เพื่อป้องกันปัญหาเปิด command ออกมาพิมพ์
```
composer self-update
```
ลง composer asset plugin ทำครั้งเดียวไม่ต้องทำอีก
```
composer global require "fxp/composer-asset-plugin:1.0.0"
```
โดยปกติ จะสร้าง yii project ได้โดยคำสั่ง
```
composer create-project --prefer-dist yiisoft/yii2-app-basic basic
```
composer จะ copy ไปไว้ใน folder ชื่อ basic งานที่จะทำเหมาะกับ yii Advanced Application Template มากกกว่า ที่ต่างกันคือ
- แยก Front- and และ back-end apps ระบบใหญ่ๆ ควรแยกไว้เพื่อความสะดวกที่สำคัญ yii สามารถใช้ configuration และ model ร่วมกันได้ ทั้ง 2 ฝั่ง
- User model มีระบบ login, User signup and password restore เบื้องต้นติดมาด้วย
และต้องการให้เก็บใน D:\xampp\htdocs\YiiAdvanced ให้เปลี่ยนคำสั่งเป็น
```
composer create-project --prefer-dist yiisoft/yii2-app-advanced D:\xampp\htdocs\YiiAdvanced
```
ปรับสภาพแวดล้อมให้ช่วยเขียน code ได้ง่ายขึ้น
- ไปที่เราติดตั้ง php ไว้ก่อน พิมพ์
```
cd c:\xampp\php
```
- พิมพ์
```
php D:\xampp\htdocs\YiiAdvanced\init
```
- เลือก Development พิมพ์ 0 enter ขึ้นจริง 1 enter
สร้าง database
- สร้าง database เปล่าๆ ไว้ก่อน ของผมชื่อ YiiAdvanceDB
- ไปที่ common/config/main-local.php ใน folder ที่เราสร้างไว้ เพิ่ม database connection ใน components ตามตัวอย่าง
```
    'components' => [
        'db' => [
            'class' => 'yii\db\Connection',
            'dsn' => 'mysql:host=localhost;dbname=YiiAdvanceDB',
            'username' => 'root',
            'password' => '',
            'charset' => 'utf8',
        ],
```
- Command กลับไปที่เราเก็บ project file
```
d:
cd D:\xampp\htdocs\YiiAdvanced
```
- พิมพ์
```
yii migrate
```
  ตอบ yes ดูในฐานข้อมูล จะมีตาราง user กับ migrate เพิ่มขึ้นมา

การเตรียมโปรเจ็คด้วยยี่สำเร็จแล้ว! หวังว่าคงเข้าใจมากกว่าในคู่มือเว็บ yii นะครับ

Tag Archive composer