2018-11-15 / JSN / 0 Comments / 4 人來過
查詢網卡的設備名稱，例如我的是 ens33
修改 ens33 參數 (參考)
|
|
vim /etc/sysconfig/network-scripts/ifcfg-ens33 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 |
DEVICE=ens33 <== 網路卡代號，必須要 ifcfg-eth0 相對應 BOOTPROTO=static <== 開機協定，有 dhcp 及 static 這裡是 static IPADDR=192.168.122.19 <== IP NETMASK=255.255.255.0 <== 子遮罩網路 NETWORK=192.168.122.0 <== 網域！該網段的第一個 IP BROADCAST=192.168.122.255 <== 廣播位址 GATEWAY=192.168.122.1 <== 預設路由 ONBOOT=yes <== 是否開機啟動 METRIC=10 MII_NOT_SUPPORTED=no USERCTL=no MS_DNS1=192.168.122.1 RESOLV_MODS=yes IPV6INIT=no IPV6TO4INIT=no |
2018-10-14 / JSN / 0 Comments / 43 人來過
參考官方章節
.env 設定檔
關於使用 Gmail 的設定，可以注意這篇我提到的：在 PHP 中使用 Gmail SMTP 無法驗證的方法。透過這篇步驟，我們理當能取得下方 SMTP 的各個資訊包含密碼，我們填入吧！
|
|
MAIL_DRIVER=smtp MAIL_HOST=smtp.gmail.com MAIL_PORT=587 MAIL_USERNAME=帳號 MAIL_PASSWORD=密碼 MAIL_ENCRYPTION=tls MAIL_FROM_ADDRESS=fdjkgh580@gmail.com MAIL_FROM_NAME=fdjkgh580 |
要使用全域的 “from” (寄件者地址) 或 “reply_to” (回覆的地址)，在 config/mail.php 中能發現是透過 .env 來寫入我們的 mail 設定檔，例如
|
|
'driver' => env('MAIL_DRIVER', 'smtp'), 'host' => env('MAIL_HOST', 'smtp.mailgun.org'), 'port' => env('MAIL_PORT', 587), 'username' => env('MAIL_USERNAME'), 'password' => env('MAIL_PASSWORD'), ...... |
Mailables
準備一個”能夠發送郵件” (Mailables) 的類別，例如產生 app\Mail\Warning.php
|
|
php artisan make:mail Warning |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 |
<?php namespace App\Mail; use Illuminate\Bus\Queueable; use Illuminate\Mail\Mailable; use Illuminate\Queue\SerializesModels; class Warning extends Mailable { use Queueable, SerializesModels; public $params; // 讓外部可以將參數指定進來 public function __construct($params) { $this->params = $params; } public function build() { // 透過 with 把參數指定給 view return $this->subject("警告訊息") ->view('emails.warning') ->with([ 'params' => $this->params, ]); } } |
View
而信件內容模板的變數 $params 我們會由 Controller 傳入。我們建立 /views/emails/warning.blade.php
|
|
<p> {{ $params['say'] }} </p> |
Router
routes/web.php
|
|
Route::get('/warning', 'WarningController@send'); |
Controller 寄出郵件
|
|
php artisan make:controller WarningController |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 |
<?php namespace App\Http\Controllers; use Illuminate\Http\Request; // 記得使用 use use Illuminate\Support\Facades\Mail; use App\Mail\Warning; class WarningController extends Controller { public function send() { // 收件者務必使用 collect 指定二維陣列，每個項目務必包含 "name", "email" $to = collect([ ['name' => 'Jason', 'email' => 'fdjkgh580@gmail.com'] ]); // 提供給模板的參數 $params = [ 'say' => '您好，這是一段測試訊息的內容' ]; Mail::to($to)->send(new Warning($params)); } } |
這樣就能成功透過 Gmail 發送郵件囉！附帶要提的是，以上這種方法是 Laravel 比較後期的官方建議寫法，不然依照我們過去經驗例如使用過 PHPMailer ，我們可能會寫在一起，例如
|
|
Mail::send('emails.welcome', $data, function($message) { $message->from('us@example.com', 'Laravel'); $message->to('foo@example.com')->cc('bar@example.com'); $message->attach($pathToFile); }); |
雖然也可以送信，不過透過 “Mailable” 的方式，可以把整個網站的發送指派行為，全部集中在路徑app\Mail 底下；剩下在控制器中的行為也只有「用哪個 Mailable 寄給誰」。
好處就是方便維護。當我們的發送郵件行為一旦增量，例如有些要發送註冊通知信、修改密碼信、訂單成立、到貨通知、系統錯誤通知、等等非常多，要維護也只需要查看路徑 app\Mail 底下的 “Mailable” 就能很快知道有那些送件行為，省去到各個 Controller, Services, Libraries 查找的時間。
2018-10-04 / JSN / 2 Comments / 39 人來過
我使用框架如 Laravel 需要使用 SMTP 並驗證 Google 帳號密碼，但是因為帳號啟用了 2 次驗證，所以我們的 Google 密碼並不可以使用。通常SMTP會這樣設定
|
|
MAIL_DRIVER=smtp MAIL_HOST=smtp.gmail.com MAIL_PORT=587 MAIL_USERNAME=xxx@gmail.com MAIL_PASSWORD=原本gmail的密碼 MAIL_ENCRYPTION=tls MAIL_FROM_ADDRESS=xxx@gmail.com MAIL_FROM_NAME=Jason |
Laravel 通常會出現如「Failed to authenticate on SMTP server with username “xxx@gmail.com” using 3 possible authenticators. Authenticator LOGIN returned Swift_TransportException」。
為了解決問題，我們先到 這裡 應該會看到 Google 顯示「注意：由於您的帳戶使用兩步驟驗證，您必須建立應用程式專用密碼，才能使用應用程式登入。」
我們選擇 建立應用程式專用密碼 ，在如何產生應用程式密碼中可以看到「前往您的應用程式密碼」，登入我們的 Google 帳號。
接著在「應用程式密碼」頁面中，新增我們的裝置，例如點擊其他，然後按下產生
會生出一組16個字元的密碼，回到我們SMTP設定，把原先使用 Google 密碼的部分替換為這組亂數密碼，就能完成發信囉！
2018-09-12 / JSN / 0 Comments / 4 人來過
通常我們在元件主頁面會顯示列表，而列表上方都會有「新增」的按鈕，因為這顆按鈕的運作原理是 Submit Form，設定上很麻煩因為還要開 <input> 指定參數，網址才會更著轉換。通常我們會這樣跳轉網頁
|
|
JToolbarHelper::addNew('column_extensions.edit'); |
|
|
<input type="hidden" name="type" value="123"> ... ... |
但我覺得這個方式更直覺，使用 URL 就好了真的。
|
|
JToolbarHelper::link('index.php?option=com_activities&task=column_extensions.edit&type=123', '新增', 'new'); // 這段會改變按鈕為"新增"的樣式，原封不動貼上，或是製作成你的 global script 也可以 JFactory::getDocument()->addScriptDeclaration('jQuery(function (){jQuery(".icon-new").parents("button:not(\'.button-new.btn-success\')").addClass("button-new btn-success")})'); |
會要用到 JS ，主要是因為 JToolbarHelper::link() 在設定為 ‘new’ 的時候，並不會真的模擬成 JToolbarHelper::addNew() 樣式，不過只要添加與 addNew() 相同的 class 即可解決這個問題囉。
2018-08-31 / JSN / 0 Comments / 77 人來過
看起來效能非常好！這個套件是當初掀起流行的 Masonry 的開發團隊製作的。
安裝方式
使用 CDN
|
|
<!-- CSS --> <link rel="stylesheet" href="https://unpkg.com/flickity@2/dist/flickity.min.css"> <!-- JavaScript --> <script src="https://unpkg.com/flickity@2/dist/flickity.pkgd.min.js"></script> |
透過 NPM 下載
如果需要完整套件(選用)，可以另外下載
|
|
npm install flickity-imagesloaded npm install flickity-fullscreen |
預設是 vanilla JavaScript (我們常說的原生 JS)，若要給 jQuery 使用還需要透過橋接
|
|
npm install jquery-bridget |
使用方式
可以直接使用 <link><script> 載入，如果使用 webpack 參考以下
|
|
var $ = require('jquery'); // 載入 jQuery var jQueryBridget = require('jquery-bridget'); // 載入 jQuery 橋接 var Flickity = require('flickity'); // 載入 Flickity // 建立 Flickity 的 jQuery 外掛 Flickity.setJQuery( $ ); jQueryBridget( 'flickity', Flickity, $ ); // 現在我們可以直接使用 $().flickity() var $carousel = $('.carousel').flickity({...}); |
HTML 的部分
|
|
<div class="main-carousel"> <div class="carousel-cell">...</div> <div class="carousel-cell">...</div> <div class="carousel-cell">...</div> </div> |
許多範例，官方講解得很清楚，可以去逛逛。