寫不完的程式碼

typescript 高階函數

2020-03-18T21:00:00.002+08:00

寫了一陣子typescript,碰到以下類似的問題，都習慣跑2層for迴圈解掉，

不過明明有好用的函數可用，這邊就簡單的練習一下，並記錄下來。

依某條件建立新的陣列

let c1 = [1,2,3,4,5,6,7,8,9];

let c2 = c1.filter(c=> c > 5 && c < 7 )

.map(c => "no"+c );

console.log(c2);

由一個陣列c1產生一個新的陣列c2

let c1 = [1,2,3,4,5,6,7,8,9];
let c2 = c1.map(c=> "no"+c);

console.log(c2);

用一個陣列c2刪除另一個陣列c1

let c1 = [1,2,3,4,5,6,7,8,9];

let c2 = [5,8];

c1 = c1.filter(c => !c2.some(value=> c === value ) );

console.log(c1);

[敬請配合]：在 2019 年 8 月 1 日前為應用程式建立 64 位元版本 (for unity3d)

2019-06-08T22:16:00.000+08:00

收到了google寄來的訊息，明明沒有要更新，但又要對app改版了。

這次的重點：AndroidManifest.xml沒照說明填入meta-data
的部份，可是一進遊戲就會跳出的.
https://developers.google.com/admob/unity/start

版本：
Unity3d 2018 2.2.f1

下載:
android-ndk-r13b
https://developer.android.com/ndk/downloads/older_releases.html

admob v3.17
https://github.com/googleads/googleads-mobile-unity/releases/tag/3.17.0

google play service 0.9.64
https://github.com/playgameservices/play-games-plugin-for-unity

然後刪除專案的
Assets/GoogleMobileAds
Assets/GooglePlayGames
Assets/PlayServicesResolver

重新導入上面的2個plugin,別忘了unity3d的ndk也要設定為r13b

這邊有64位說明:
https://developer.android.com/distribute/best-practices/develop/64-bit

這次有點順利，還真不習慣啊。

cocos creator 1.9 EditBox 在Android功能不正常

2018-11-27T09:02:00.000+08:00

在Android下,若打開輸入法的顯示字詞建議，EditBox，會有取不到文字的情況。
應急解法如下：
cocos2d-x-lite/cocos/platform/android/java/src/org/cocos2dx/lib/
下的Cocos2dxEditBox.java

找到
public void setInputMode(int inputMode)

在 this.setInputType這句之前

加上
this.mInputModeConstraints |= InputType.TYPE_TEXT_FLAG_NO_SUGGESTIONS;
把顯示字詞建議關閉即可。

HandleRewardBasedVideoFailedToLoad event received with message: no Fill

2018-08-19T19:45:00.000+08:00

雖然也是收不到google獎勵廣告的問題，但有這次有點不太一樣。
功能一直都是正常的，只是突然某一天手機會一直收不到，只會吐標題的訊息。
還好還有別台android設備，試了一下是沒問題的。

猜是google play service又更新的關係吧，用了之前用過的方式：

http://chadgod.blogspot.com/2016/09/unity3d-no-resource-found-that-matches.html

手機上的設定->應用程式->Google Play 服務->管理空間->清除所有資料

這樣就可以了。

這和一般的no Fill錯誤不太一樣，有可能是因為手機上有開發帳號，再加上google play service新舊版本交替的關係吧。

Unity3D 2018 2.2.f1 + google play service + admob

2018-08-12T12:02:00.000+08:00

照慣例，版本一換就要花些時間重試了：

mac下的安裝

Unity3D 版本 2018.2.2.f1

play-games-plugin-for-unity 版本 0.9.50
https://github.com/playgameservices/play-games-plugin-for-unity

Google Mobile Ads Unity Plugin 版本 v3.15.0
https://github.com/googleads/googleads-mobile-unity/releases/tag/v3.15.0

External Tools 的Android設定：
android sdk 需要 8.0

jdk 需要 1.8.1，安裝位置可能有些不同，但可以參考如下：
/Library/Java/JavaVirtualMachines/jdk1.8.0_181.jdk/Contents/Home

ndk 是用 r10e
要用IL2CPP就依它建議r13b

設定的地方也有下載鈕，就不列出下載處了。

然後啟動後就崩潰了。

試了以下2種方法選一種就可以解決了。
1. Build System 改為 internal
2. Assets/GooglePlayGames/Plugins/Android/GooglePlayGameManifest.plugin/AndroidMainfest.xml
裡面的android:value=\ 3498522668 改成 android:value=\u0033498522668
主要就是 \ 改為 \u003

這裡有解法
https://github.com/playgameservices/play-games-plugin-for-unity/issues/2254

cocos compile -p web -m release出現的WindowsError: [Error 2]

2018-06-08T14:43:00.001+08:00

一般在重新建立cocos2d-js的開發環境時會碰到,

因為以為只發怖web平台的功能.

所以執行cocos的setup.py時,就會跳過

NDK_ROOT,ANDROID_SDK_ROOT,ANT_ROOT這3個參數不去設定.

等到要產生release時,就出錯,

將這3個參數設定好就ok了.

pure-ftp 553 Can't open that file: Permission denied

2018-04-24T18:12:00.002+08:00

在mac環境下安裝ubuntu的虛擬機後，ubuntu再裝上docker。
docker上安裝好pure-ftp後，用FileZilla ftp登入，上傳mac檔案到虛擬機時碰到了如下錯誤:
553 Can't open that file: Permission denied

最好把ubuntu目錄的擁有者與群組改成和mac檔案上的使用者一樣，
假設檔案使用者為test，ubuntu的ftp目錄為ftpdir：
ubuntu下命令 sudo chown test:test ftpdir
至於docker上的ftp目錄，實測後不需修改。

CodeIgniter在nginx下404錯誤

2018-03-25T18:21:00.000+08:00

環境( nginx,php是docker版本)
Ubuntu 16.0.4
CodeIgniter 3.1.5
nginx 1.13.9
php-fpm 5.6.19

先修改nginx容器的 /etc/nginx/conf.d/default.conf

server {

listen 80;

root /var/www/html;

index index.html index.htm index.php;

server_name localhost;

location / {
#注意這個xxxxxxxxx,若CodeIgniter在web資料夾內的某目錄裡,就需要填入對應的路徑
#這個可以輸入網址時,不需要index.php
try_files $uri $uri/ /xxxxxxxxx/index.php;
}

location ~ \.php$ { #這邊也可換成 \.php($|/)
fastcgi_split_path_info ^(.+\.php)(/.+)$;
fastcgi_pass php:9000;
fastcgi_index index.php;
fastcgi_param PATH_INFO $fastcgi_path_info;
fastcgi_param SCRIPT_FILENAM $document_root$fastcgi_script_name;
include fastcgi_params;
}

location ~ /\.ht {
deny all;
}

}

再修改CodeIgniter內的application/config/config.php

這行 $config['uri_protocol'] = 'PATH_INFO';

改成 $config['uri_protocol'] = 'REQUEST_URI';

沒改的話都會跑到welcome頁

也要填上web的域名,不然form_open會跳到內部ip

$config['base_url'] = 'http://xxx.xxx.xxx.xxx:80/';

Android Studio Plugin入門

2017-10-04T16:05:00.000+08:00

雖然是寫Android Studio的Plugin，但開發是在IntelliJ IDEA上，
先到 https://www.jetbrains.com/idea/download/
選擇好自己的作業系統,我是下載Community版。

開始安裝，因為要開發Plugin,左下角的那個插頭圖示需要設為Enable，但沒什麼作用。

裝好後，隨便new一個專案，然後進入設定，把Plugin裝好。

之後IntelliJ IDEA會要求重啟，重啟後new Project就可以找到開發Plugin的項目了。

new好了一個新的Plugin專案後，在src上按右鍵，選擇Action

方便測試，參數都填入一樣的字串plugintest，Groups選ToolsMenu(Tools)，Actions選ToolsBasicGroup(Tools Basic Group)

按下OK後，上方會會出現提示，選擇右邊的藍字就好了。

在plugintest.java的actionPerformed函式加入以下程式碼。

Project project = e.getProject();

Messages.showMessageDialog(project, "plugintest","title",Messages.getInformationIcon());

接下來可以先測試一下，按下右上方的箭頭執行。

會再執行一個IntelliJ IDEA，選擇Tools選項會看到多了一個項目，點擊後會跳出一個對話框，代表成功了。

在專案上案右鍵選Prepare Plugin Module 'plugintest' For Deployment，就可以打包了

將產生的jar拿給Android Studio安裝會顯示不相容的錯誤。

回到IntelliJ IDEA在resources->META-INF->plugin.xml內

<idea-version since-build="145.0"/>

把這行找出，注意編號的值，需要修改，至於改成多少可以參考一下其它的Plugin，例如：
Coverage、Gradle、Properties、Setings Repository等...，我是改成143.0

修改完成後，在Tools下按下plugintest就會跳出對話框了。

以上是Android Studio在2.1.3版的情況，但在2.2.3版按下增加的功能會跳不出對話框，還需要回IntelliJ IDEA作些修改。

在src->plugintest.java內要補上類似package com.my.test;的程式碼，就像在寫android時一樣，名稱自己決定，寫好後也要把plugintest.java移至相同的位置。

別忘了在resources->META-INF->plugin.xml內找到

<action id="plugintest" class="plugintest" text="plugintest" description="plugintest">

把class的值加上剛才自己定的包名，例如com.my.test.plugintest。這樣2.2.3版就可以顯示對話框了。

另外在plugin.xml內有一行

<depends>com.intellij.modules.lang</depends>

碰到其它錯誤時，可視需要打開，或修改。

Unity3d 同時使用 google play service 與 admob

2017-04-06T14:45:00.002+08:00

之前有寫過這2個外掛合用需要做些修改，現在不用了。

Unity3D 的版本 5.3.4f1

play-games-plugin-for-unity 版本 0.9.36
https://github.com/playgameservices/play-games-plugin-for-unity

Google Mobile Ads Unity Plugin 版本 v3.4.0
https://github.com/googleads/googleads-mobile-unity/releases/tag/v3.4.0

2個外掛換了最新的版本，主要是想試試獎勵式廣告。
在admob上設好後，等一段時間再試，才會成功，基本上沒什麼問題，
要注意的是 google play service 出現2個警告：

Found dependencies: com.android.support:support-v4 required by (this app)

WARNING: No compatible versions of com.android.support:support-v4 required by (com.google.android.gms:play-services-basement:9.4.0), will try using the latest version 23.4.0

但還是可以正常使用登入與遊戲存檔和顯示廣告。

提一下碰到的坑，Android SDK更新如下：（好久沒更新了）
Android Support Repository 36 -> 47
Google Play services 32 -> 39
Google Repository 32 -> 46
Intel x86 Emulator Accelerator(HAXM installer) 6.0.3 -> 6.1.1

更新後遊戲內登入google就會crash，我猜是Google Play services這個更新的問題，
所以我先回復成舊版，讓功能正常比較重要。

Google Domains信用卡無法結帳(You appear to be in a country where Google Domains is not yet available.)

2016-09-26T16:16:00.001+08:00

之前買的Google Domains服務快到期了，於是再去購買，只是會出現如下的錯誤訊息：

Oops! We couldn't checkout your cart. Please try again later.

這時才想起來，去年也是卡在這裡，而且還有另一個訊息:

You appear to be in a country where Google Domains is not yet available.

記得只要把地址改一改就行了,於是就去Google Wallet去改信用卡的地址，只是改完後，還是一樣無法結帳。
後來只好按下這一串You appear to be in a country where Google Domains is not yet available.後方的Learn more，就會顯示一個對話框：

接著選 Wait, i have a US Billing address.然後就會有個介面跳到改信用卡的地址或增加信用卡，我再增加一張信用卡就可以買了，地址別忘了要美國的地址，奇怪的地方在於增加的信用卡是重復輸入的，改的也是Google Wallet的設定。但自己去Google Wallet改好像沒用。

play-games-plugin-for-unity 與 googleads-mobile-unity 混用

2016-09-10T23:02:00.001+08:00

雖然有人把google play services和admob的Unity3D plugin都寫好了，但同時使用也是要動手微調一下，不然可能就會碰到以下2種錯誤。
Failed to re-package resources

Unable to convert classes into dex format
先把Unity和plugin的版本列出

Unity3D 5.3

Unity3D的google play services plugin 0.9.34
https://github.com/playgameservices/play-games-plugin-for-unity

Unity3D的admob plugin 3.0.5
https://github.com/googleads/googleads-mobile-unity/releases

將2種plugin合起來用需要做些修改，可參考以下網址：
https://ndesostyle.wordpress.com/2016/02/10/conflict-with-latest-googleads-mobile-and-play-games-plugin-for-unity/

網頁上的重點是這一段字後面的影片連結：
Fixing google play games and admob plugin Unity. Video tutorial is Available Youtube

可惜裡面用的版本有點舊了，我再把改的過程記錄一下。

1.先裝play-games-plugin-for-unity,若碰到
Unity3D No resource found that matches the given name (at 'value' with value '@integer/google_play_services_version').

錯誤,可先看之前這篇的方法

http://chadgod.blogspot.tw/2016/09/unity3d-no-resource-found-that-matches.html

沒問題後再把admob plugin裝上

2.打開Assets/GooglePlayGames/Editor/GPGSUpgrader.cs

在97行的地方把以下2行註解掉

//string clientDir = "Assets/Plugins/Android/google-play-services_lib";
//GPGSUtil.DeleteDirIfExists(clientDir);

3.打開Assets/GooglePlayGames/Editor/GPGSDependencies.cs

在67行的地方註解掉

//svcSupport.DependOn("com.android.support",
//"support-v4",
//"23.1+");

後面加上

svcSupport.DependOn("com.google.android.gms",
"play-services-ads",
PluginVersion.PlayServicesVersionConstraint);

4.打開Assets/Plugins/Android/GoogleMobileAdsPlugin/AndroidManifest.xml

在23~25行註解掉

5.改好後回到Unity3D編輯器會跳出一個對話框內容如下

Remove or replace support-v4 version 23.4.0 with version 23.1.1?

我選了ok

6.這時就可以先Build看看了，若成功就可以到以下網址看Unity的admob範例

https://developers.google.com/mobile-ads-sdk/docs/games?hl=zh-tw#unity

7.若失敗也只能在找看看有沒有其它方法了，附上使用的android sdk，提供一些線索。

Tools

Android SDK Tools 25.1.7

Android SDK Platform-tools 24.0.2

Android SDK Build-tools 23.0.2

Android 6.0

Extras

Android Support Repository 36

Google Play services 32

Google Repository 32

Google Play APK Expansion library 1

Google Play Licensing Library 1

Intel x86 Emulator Accelerator(HAXM installer) 6.0.3

Unity3D No resource found that matches the given name (at 'value' with value '@integer/google_play_services_version').

2016-09-08T14:18:00.000+08:00

在Unity3D 5.3 加上google play service的功能會先去下載下面的plugin
https://github.com/playgameservices/play-games-plugin-for-unity
不意外的，又有如標題的錯誤了.

大部份解法都是去android sdk目錄下的 extras\google\google_play_services 找檔案來用，但我實在是找不到那些神奇的檔案。
不過下面這個網址倒是有不一樣的解法，可以參考看看
https://app-c.net/tutorial/unity/version5_2/

他是直接把 @integer/google_play_services_version 這變數換成字串，如下
<meta-data android:name="com.google.android.gms.version"
android:value="4323000" />

到這裡可以編釋了，過了一段時間回頭看這個值又變回@integer/google_play_services_version了，估計是在
Window->GooglePlayGames->setup->Android setup...
的設定完成後就變回去了，所以說不定一開始把這個欄位刪除也可以先編釋。

順便提一下使用EnableSaveGames()碰到的問題：
在設定PlayGamesClientConfiguration時，有加上EnableSaveGames()，而且
在google play開發平台上該設定的都有設定，但登入後遊戲就是會跳掉，那麼可參考如下:
https://developers.google.com/games/services/console/configuring
其實就是進入手機上的設定->應用程式->Google Play 服務->管理空間->清除所有資料。
就沒問題了。害我以為改錯什麼，又浪費了我好幾個小時...

FastCGI 處理序超過設定的活動逾時

2016-07-29T20:19:00.000+08:00

這是在查 "IIS 500 內部伺服器錯誤" 時碰到的，雖然解法一狗票，但第一步還是要先把
IIS設定內的 "錯誤網頁->編輯功能設定->本機要求的詳細錯誤及遠端要求的自定錯誤網頁"，
改選成詳細錯誤。
然後就看到標題的錯誤訊息了，那要怎麼設定呢?
若IIS的設定UI若有fastCgi的項目就可以進去設定了，但我的IIS沒有。
所以先用記事本打開c:\Window\System32\inetsrv\config\applicationHost.config
先找到 fastCgi

<fastCgi>
    <application fullPath="C:\PHP5\php-cgi.exe" />
</fastCgi>

後面再加上參數，改成如下:

<fastCgi>
    <application fullPath="C:\PHP5\php-cgi.exe" idleTimeout="900" activityTimeout="180" requestTimeout="10000" instanceMaxRequests="10000" />
</fastCgi>

那些數值可以自行調整，改好後存檔，在命令列執行iisreset重啟IIS後就可以了。

自定Unity3D選單

2016-07-07T20:07:00.001+08:00

以下為Unity3D 5.3版。

在Unity3D內加上自定的選單是很簡單的，以C#為例:

1.選擇 Assets->Create->C# Script

2.Script內容改成如下:

using UnityEngine;
using System.Collections;

#if UNITY_EDITOR
using UnityEditor;

#ENDIF

#if UNITY_EDITOR
[AddComponentMenu("my menu 1/my menu 2")]

#endif
public class MyMenu : MonoBehaviour {

#if UNITY_EDITOR
[MenuItem("my menu 3/ my menu 4")]

#endif
static void mytest(){
}

void Start () {

}
void Update () {

}
}

然後就可以在Component選單看到新的 my menu 1 子項目，

以及新的 my menu 3 選單。

我做了個實驗，在Assets下建了新的資料夾，然後把Script放進去後，

只剩 my menu 3 項目有出現。

疑?AddComponentMenu這個功能失敗了嗎?不過把Script放回Assets資料夾後，

這個功能又正常了，所以要注意一下放的位置。

MAC下的android開發環境

2016-07-06T13:58:00.001+08:00

先下載JDK，在終端機上輸入：
java -version
若沒裝JDK會如下顯示

這時選更多資訊，會到java的官網上，去選擇下載Mac OS X x64版本的JDK

下載完成後就是安裝了，裝好了再用java -version確認一下就可以了。

然後到android官網http://developer.android.com/sdk/index.html下載Android Studio，按下綠色按紐即可

安裝時沒什麼大問題，這邊我也把Virtual Device給裝上去，下一步也有一些選項，反正我都是全選。

安裝到一半出現了錯誤訊息：The following SDK component was not installed: sys-img-x86-addon-google_apis-google-21
，Retry給它按下去讓它再裝下去，直到Finish可以按為止。
安裝完成後開了一個新專案測試了一下，還算順利，只是接上手機時沒有一下就抓到，要等一下，這樣就可以開發了。

Unity3D在Mac上開2個專案

2016-07-06T13:51:00.000+08:00

想同時在Unity3D開啟2個專案，在Edit->preference下的
Show Project Wizard at Startup項目打勾就可以了，不過在5.3版上找不到這個項目，在MAC環境下找到另一種方式。
1.打開終端機

2.cd ~ 進入使用者目錄

3.sudo vi .bash_profile 編輯bash_profile(不習慣用vi編輯的可改用別種編輯器)

4.加入以下2行後存檔(alias 後面的 un 和 mono 可改成自己習慣的名稱)
alias un="/Applications/Unity/Unity.app/Contents/MacOS/Unity -projectPath"

alias mono='open -n /Applications/Unity/MonoDevelop.app'

5.回到使用者目錄輸入 source .bash_profile

以後在終端機下輸入 un 就可以打開另一個專案了

申請Apple Developer Program碰到的問題

2016-03-24T10:20:00.000+08:00

Is awesome!
申請了Apple Developer Program(以前是叫iOS Developer Program),
也碰到了這個經典問題：

We are unable to activate your Apple Developer Program membership.

其實申請前也爬了一些文，像是姓名，住址與信用卡不同，或是填了中文資料等，

會讓申請很不順利。

所以我特別注意資料不要填錯，全程使用英文輸入，也收到了購買成功的訊息。

(疑?跟以前比好像更貴了,不過這不是重點)

接著就等收啟動信了，但等了一天沒收到。

於是登入會員中心後，就發現上面的錯誤訊息了，看時間客服都下班了。

明天再打電話去問吧，而且從頭到尾也沒收到啟動的通知。

雖然很多文章都說留言或寄信沒用，不過我還是先用了線上回報，反應了這個問題。

結果隔天就收到信了，大意就是帳號已開通，可以使用。

反正帳號能用，所以最後連電話也不用打了，希望大家申請時比我順利。

cocos2d-X接入UnityAds(iOS版)

2016-03-19T17:38:00.000+08:00

1.去官網註冊，取得廣告的GAME ID,並下載sdk,解壓縮後放好,選framework會用到,

2.在Xcode專案下的General->Linked Frameworks and Libraries增加以下項目
CFNetwork.framework
CoreFoundation.framework
UnityAds.bundle
UnityAds.framework
StoreKit.framework
AdSupport.framework
SystemConfiguration.framework
CoreTelephony.framework
CoreMedia.framework

3.在Xcode專案下的Build Settings->Search Paths->Framework Search Paths
加上UnityAds.Bundle所在的目錄,不然之後會出現UnityAds/UnityAds.h' file not found

4.修改AppController.h

#import <UIKit/UIKit.h>

#import <UnityAds/UnityAds.h>//<---新增這行

@class RootViewController;

//注意下面紅色新增的字符

@interface AppController : NSObject <UIApplicationDelegate,UnityAdsDelegate> {

UIWindow *window;

}

@property(nonatomic, readonly) RootViewController* viewController;

@end

5.修改AppController.mm

先找到下面這幾行：
// Use RootViewController manage CCEAGLView _viewController = [[RootViewController alloc] initWithNibName:nil bundle:nil]; _viewController.wantsFullScreenLayout = YES; _viewController.view = eaglView;

接著往後加這幾行(注意紅色的數字，替換成自己的廣告Game ID)：

//Unity Ads

[[UnityAds sharedInstance] setTestMode:YES];//測試時打開

[[UnityAds sharedInstance] setDebugMode:YES];//測試時打開

[[UnityAds sharedInstance] startWithGameId:@"1234567" andViewController:_viewController];

[[UnityAds sharedInstance] setDelegate:self];

然後在這個檔案找個合適的地方加上這個函式(廣告播完後會到這):

- (void)unityAdsVideoCompleted:(NSString *)rewardItemKey skipped:(BOOL)skipped

{

}

6.增加UnityAdsWrapper.h到專案內(跟AppController.h放同目錄)

class UnityAdsWrapper

{

public:

static bool canShow();

static void show();

};

7.增加UnityAdsWrapper.mm到專案內(跟UnityAdsWrapper.h放同目錄)

#import <Foundation/Foundation.h>

#import <UnityAds/UnityAds.h>

#import "UnityAdsWrapper.h"

bool UnityAdsWrapper::canShow()

{

if ([[UnityAds sharedInstance] canShow] && [[UnityAds sharedInstance] canShowAds]) {

return true;

} else {

return false;

}

void UnityAdsWrapper::show()

{

[[UnityAds sharedInstance] show];

}

void UnityAdsWrapper::hide()

{

[[UnityAds sharedInstance] hide];

}

8.然後就可以在模擬器測試了,別忘了加入#include "UnityAdsWrapper.h"

然後用以下程式碼測試:

if(UnityAdsWrapper::canShow()){

UnityAdsWrapper::show();

}

在android studio編譯cocos2d-x

2016-02-29T14:52:00.001+08:00

雖然在專案目錄下直接下指令cocos compile -p android —android-studio就可以編譯程式，若可在android studio內直接按快速鍵^R立即編譯就更方便了。

安裝的版本:
cocos v3.10
android studio 1.5.1

先選擇Run->Edit Configurations

再選擇專案,這裡的範例是mytest4

同樣的畫面下方注意到Before launch: 這個區塊有個+號，按下去

選第一個Run External tool

各欄位填入

Name: Cocos compile

Program: cocos

Parameters: compile -p android —no-apk —android-studio

Working directory: $ProjectFileDir$

然後按下ok就完成了。但這裡還有個地方要注意，要把新增的Cocos compile移到

Gradle-aware Make的上方,就像第三張圖那樣,編譯時就會先跑c++,再包成apk。

新增一個Model Comment

2015-03-19T10:57:00.001+08:00

配合post，增加comment功能，從上手指南7開始。
要注意一下中文的指南還是舊的，照著做會出錯的，大約從英文版的指南 6.4 Generating a Controller
開始看，再對照修改一下，以下列出重點。
先來產生 Model

rails generate model Comment commenter:string body:text post:references

沒有用到scaffolding，只建了model

/////////////////////////////////////////////////////////////////////////

CommentsController.rb的內容改成如下：
class CommentsController < ApplicationController
def create
@post = Post.find(params[:post_id]) #是這篇留言所屬的文章
@comment = @post.comments.create(comment_params) #留言本身
redirect_to post_path(@post) #最後回到show action顯示 app/views/posts/show.html.erb
end
private
def comment_params
params.require(:comment).permit(:commenter, :body)
end
end

////////////////////////////////////////////////////////////

app/views/posts/show.html.erb 增加了留言的顯示與輸入

<h2>Comments</h2>
<% @post.comments.each do |comment| %>
<p>
<b>Commenter:</b>
<%= comment.commenter %>
</p>
<p>
<b>Comment:</b>
<%= comment.body %>
</p>
<% end %>

<%= form_for([@post, @post.comments.build]) do |f| %>
<div class="field">
<%= f.label :commenter %><br />
<%= f.text_field :commenter %>
</div>
<div class="field">
<%= f.label :body %><br />
<%= f.text_area :body %>
</div>
<div class="actions">
<%= f.submit %>
</div>
<% end %>

然後文章跟留言都可以運作，接著依指南往下做就好了。

理解 posts_controller.rb

2015-03-13T15:49:00.003+08:00

抓幾行來理解一下：

before_action :set_post, only: [:show, :edit, :update, :destroy]

before_action 意思就是執行其它的action前要先執行指定的method，這裡就是set_post，
後面的only是限定要作用的action。

//////////////////////////////////////////////////////////////////

def index
@posts = Post.all
end

進了Blog就是執行這個action，這裡把@posts設定好後，就會拿app/views/posts/index.html.erb
來顯示了。

//////////////////////////////////////////////////////////////////

def post_params
params.require(:post).permit(:name, :title, :content)
end

params是http request所傳來一部份的值。
這可以取得post這個model的參數，後頭的permit是限定只取哪些參數

//////////////////////////////////////////////////////////////////

def create
@post = Post.new(post_params) #取到的參數就可以實例化一個Post物件了。

//////////////////////////////////////////////////////////////////

respond_to do |format|
依請求的格式，返回不同的數據，如下：
format.html { redirect_to @post, notice: 'Post was successfully created.' }
format.json { render :show, status: :created, location: @post }

redirect_to和render是回應瀏覽器的方式
redirect_to @post 指示瀏覽器對一個 rul 再次發出請求，例如這邊是相當於讓瀏覽器執行 http://localhost:3000/posts/1 ,
render :show 就是把 show.html.erb 解析為html回傳給瀏覽器

Ruby入門

2015-03-08T21:14:00.000+08:00

Rails上手指南要往下看的話，Ruby就算不熟至少也要入門一下，
這裡的二十分鐘體驗可以先參考
https://www.ruby-lang.org/zh_tw/documentation/quickstart/

這邊做個筆記

#{name} 字串內嵌，在字串中插入資料的方式
那個name是範例的變數，可以用其它的程式碼代換掉，例如1+1，
所以 "#{1+1}" 顯示出的字串為 2
只是這東西要放在""內，試了一下沒放在""裡就沒效果了。

類別的名稱要定義成常數，也就是第一個字為大寫 class Greeter
不然會吐錯誤訊息：class/module name must be CONSTANT

class內宣告的變數要加上 @ 符號，沒加會出現錯誤 undefined local variable or method

像這樣的變數 @name 類別外無法存取，所以有個 attr_accessor 的類別方法，如下使用：
class Greeter
attr_accessor :name
end

為什麼連Greeter宣告都要再寫一遍？這展示了一個特性，你可以隨時修改類別。

respond_to 可以判斷物件是否有某種方法，下面有2種寫法
if @names.respond_to?("each")
if @names.respond_to?　:each

可使用 each 方法的物件迭代的方法如下：
@names.each do |name|
#這裡可以加入程式碼處理 name 變數
end

有一個特別的技巧 if __FILE__ == $0 可以拿來寫程式碼測試
__FILE__ 是檔案名　
$0 是執行檔名
所以不相同時表示是方法庫，就不會執行到裡面的程式了。

使用 scaffolding

2015-03-05T10:32:00.001+08:00

Rails 的鷹架 (scaffolding) 可用一行指令就為 Resource 建立 Model, Views 跟 Controller 程式碼。
下面要建立部落格文章管理功能。

建立 Post resource
rails generate scaffold Post name:string title:string content:text

執行 Migration 建立了 Posts 資料表
rake db:migrate

接著修改app/views/home/index.html.erb,再加一行
<%= link_to "My Blog", posts_path %>

刷新瀏覽器後點了連結就可以操作了。

順著指南從6.5開始看，在新增post時，若輸入空白也可以加入，所以要為欄位加上驗證

加入Validation (驗證)
打開app/models/post.rb在post類別內補上驗證的程式碼
class Post < ActiveRecord::Base
validates :name, :presence => true
validates :title, :presence => true,
:length => { :minimum => 5 }
end

其實有沒有效果執行網頁就知道了，但有另一種方式就是console工具
執行rails console
接著就可以執行ruby的程式,也是一種方法。

往指南6.7往下看之前，先理解這些檔案之間的關連

以按下My Blog連結為例，就會執行到 app/controllers/posts_controller.rb 程式內 index 這個 action,
裡面的程式 @posts = Post.all 使用到了 app/models/post.rb 這個模組，
最後靠 app/views/index.html.erb 顯示出來

那麼為什麼會去執行index這action呢？還記得之前設定過的config/routes.rb檔嗎？
裡面有一行 resources :posts 有了這一行就會自動定義出以下七個action
get '/posts' => "posts#index", :as => "posts"
post '/posts' => "posts#create", :as => "posts"
get '/posts/:id' => "posts#show", :as => "post"
put '/posts/:id' => "posts#update", :as => "post"
delete '/posts/:id' => "posts#destroy", :as => "post"
get '/posts/new' => "posts#new", :as => "new_post"
get '/posts/:id/edit' => "posts#edit", :as => "edit_post"

所以按下My Blog連結，就是第一行的設定了。

到了這邊，沒碰過Ruby的話，要先補充一下，下面的連結可以好好參考。
https://ihower.tw/rails4/ruby.html

Hello, Rails

2015-03-01T14:04:00.001+08:00

裝好Ruby On Rails後，可參考Rails指南的操作 http://guides.ruby.tw/rails3/getting_started.html
從第3點建立新的 Rails 專案依序操作

先啟動rvm
source ~/.rvm/scripts/rvm

到目錄下
cd myblog

建資料庫
rake db:create

啟動web伺服器
rails server

///////////////////////////////////////////

準備好了就先作最簡單的練習 hallo rails

建立Controller與View
rails generate controller home index

編輯app/views/home/index.html.erb
加入<h1>Hello, Rails!</h1>

打開config/routes.rb，修改Rails首頁位置
找到 # root 'welcome#index' 這一行
改成 root 'home#index' 存檔

瀏覽器打開 http://localhost:3000 ，就會看到 Hello, Rails! 。