發表文章

Featured Post

React Native Could not connect to development server

It’s my first time to meet this issue when i use React-Native 0.57.0 Two Solution share to you: First: checked the main.jsbundle > project/ios/main.jsbundle. (you can pass this step if you already have main.jsbundle) Then, cd yourProject/ios Then,entry react-native bundle — entry-file index.js — platform ios — bundle-output ./main.jsbundle Then, open Xcode, add main.jsbundle with Add files to Project. Second: go to Build Phases, delete the Bundle React Native code and Images Run scripts(remember to copy your script), add New Run Script Phase named (Bundle React Native code and Images), paste script, Product clean, Product Build. I just followed these two step to fixed my issue. Hopen can help you. React Native Could not connect to development server 這問題最近常常發生! 我的react native 版本是 0.57 之前使用都正常, 開始發生錯誤是在移除了 react-native-google-signin 項目開始. 我用了下面兩個方式來暫時解決我的問題: 1: 我發現我的 project/ios/main.jsbundle. 不知何時移除了@@? 所以我先創建 main.jsbundle cd 到你的專案/ios 內, 輸入react-native bundle — entry-file index.j…

PRO360使用後看法

阿傑老師自己接案已經超過10年以上,

製作的專案從設計到網站與APP開發,
大概也超過百件以上.

最最早期時, 老師都靠經營的人脈和客源來拿到專案的機會.
但相對的案源不固定,

所以又開始使用
104外包518外包 這樣的大型專案外包平台

104, 518 老師都持續買過月費....

我說點公道話(題外話), 104的案件品質 真的有比較好一點(小聲說)...

在 104, 518 壟斷外包市場後期,
出現了 PRO360 這樣的平台,

他的設計以及邏輯,顛覆了當時的104和518
老師也很好奇地加入了會員,

使用過後, 有以下一些想法:

PRO360 為了刺激發需求量, 對發需求這部分做了一些優化(免費取得報價等等)..
這點對於經營平台來說, 是可以理解的(衝高需求量才會有提案者加入)

但對於接案方, 非常不友善.非常不友善.非常不友善.非常不友善(~無限循環~)

不友善的原因在於:

1. 提案點數非常貴: 提案一次 大概是台幣198元 2. 提案的需求 完全沒有為提案者考慮 每個案件會顯示 發案需求資訊,

但沒有強制輸入案件預算或預算實際範圍 (~~~~~提案者最想知道的是這個啊~~~~~~)

接案者通常會針對需求與預算範圍 再考慮要不要花錢下去接洽

通常預算不達到期許值的話, 不會有人想要做功德的...(除非真的想練功, 做功德吧...)

我有幾次看了需求以後(web 開發, UIUX設計規劃),
覺得感覺很不錯 所以當下就提案了

提案後聯絡案方才知道對方需求只有幾千元(喵的...幾千元要我開發網站...不會早點說喔...)......

當下就覺得, 被騙了...
這樣的情況 還發生滿多次, 每次都是198台幣丟到大海(~goodbye my love~我的錢錢再見).....


我個人覺得, 平台要收取這樣高的媒合費用(一次198耶.....人家吃個火鍋也才168, 還有飽足感),
你至少去做到三方獲利的優化,以及把關吧

目前你們的獲利 感覺都是提案方吸收....
在無法達成點數退還的條件下, 這些錢都被你們賺去了.

這點是讓我覺得非常不合理的地方~
你們現在的案件, 提案人數都降低了...應該懂問題出在哪了吧??



最後 老師自己來工商一下....
老師曾有一個異想天開的想法(其實有很多~不只一個),
就是做一個能夠媒合任何需求的平台,

不管是專業的專案外包…

Pinkoi 的設計館嵌入粉絲頁出現 "This page does not have permission to install the custom tab"

圖片
有些剛加入Pinkoi的新朋友~
經營FB粉專沒多久 就因為作品很讚 通過Pinkoi 審核了

阿傑老師先在這恭喜妳喔~

開開心心上架 然後在使用
設計館嵌入粉絲頁
發生問題怎辦 如何解決~?(見下圖)





為蝦米哩!? WHY !?

網路上有很多解決辦法
但應該試過了都無效!?

為啥?

來 答案在這邊~


Facebook for Developers
圖形 API | 行銷API
第2.11版

90天期限重大變更
https://developers.facebook.com/docs/graph-api/changelog/version2.11/#gapi-90-pages



要使用page/tabs必須符合以下兩點其中一點:

1.只有擁有超過 2000 名粉絲的粉絲專頁
2.列入允許清單的應用程式所管理的粉絲專頁

要在Pinkoi 正常使用此功能最完美的方法 就是 粉專人數達到2000

那人數未達到2000怎辦~?

方法是有的, 但做出來效果會很差, 而且挺麻煩的~

如果真的要學 那阿傑老師可以告訴妳~

來 廢話不多說了~

1.進入https://developers.facebook.com/ 
2.創建一個應用如下圖

顯示名稱: 中英文都可以 建議可以輸入英文
聯絡信箱: 不解釋

3.左邊設定點下去



4.基本資料點下去後點選新增平台

5.選擇粉絲專頁頁籤


6.選擇後會出現以下區塊

請填寫:
1.安全粉絲專頁頁籤網址:
意思就是在粉專新增的這個標籤點下去要把哪個網址崁進來~
是崁進來 不是連出去喔~ 切記

2.粉絲專頁頁籤名稱:
這不解釋~

3.如果想上傳粉絲專頁頁籤圖像也可以:
你可以上傳 JPG、GIF 或 PNG 檔案。圖像大小須為 111 x 74 像素。檔案大小上限 1 MB。

7.超級無敵快 又到了說掰掰的時候~
來 我們開啟瀏覽器 輸入一下:
https://www.facebook.com/dialog/pagetab?app_id=這邊輸入妳的應用&redirect_uri=這邊輸入妳剛輸入的安全粉絲專頁頁籤網址
app_id 就是 應用程式編號~
在設定 > 基本設定 > 應用程式編號(第一行 非常明顯~)

8.輸入完妳會看到下圖
選擇要崁入新標籤的粉專 再按新增粉絲專頁~
9.水喔~成功了 來去粉專看看 左邊出現新增標籤~ 右邊內容崁入網址了~



WordPress 系列(一)如何快速安裝?

圖片
有鑑於很多設計師朋友, 開始想要接一些網站的Case
但又不會 HTML, CSS, PHP , MYSQL (阿不會發包給我喔~)

這些設計師朋友也不知道哪裡聽來 WordPress 很簡單好用 (簡單幹嘛還要我教@@?)
卻又不知從何而起~(阿不是很簡單?)

好啦 為了響應 賴院長 的做功德~
阿傑老師就來教一教大家瞜

老師大概規劃一系列教學
從如何安裝到教你怎樣自己寫版型

不保證讓你一飛衝天~(如果還是嫌麻煩就直接外包給阿傑老師做喔~乖)

好啦 廢話不要講太多 我們就來開始進入主題瞜~

以下工具請先準備好:

1.一台電腦 (桌機, 筆電都可以, 本篇教學先用 Windows)
2.準備安裝環境, 老師這邊推薦 XAMPP
不要選錯喔 本教學請下載 Wimdows版
點選下一步 完成安裝


3.下載WordPress
老師是選擇最新版~

4.下載一個很帥的開發工具~Visual Studio Code
進去首頁後 點選下載即可


以上準備完成先喘一下~呼

喘完後繼續~
同學安裝完 XAMPP後 會出現一個XAMPP Control Panel工具
給他點下去~

Apache 以及 MySQL Start給他按下去~完成啟動

再來我們到安裝路徑下來新建一個WP專案(本範例是安裝在C槽)
路徑為:
C:\xampp\htdocs
新增一個專案資料夾(AJframes)結構如下圖:
再來把剛剛下載的WP壓縮檔 解壓縮
複製底下的所有資料夾 然後 複製到 AJframes裡面,
最後結構如下圖:


接下來步驟不要眨眼喔~
1.開啟瀏覽器
2.輸入 http://localhost/phpmyadmin/
成功的話你會看到下圖

3.新增一個資料庫(名稱請自取~) 編碼選擇 utf8_unicode_ci

4.新增使用者(設定登入後台的管理員帳號)

5.依序填寫帳號 / 密碼 / 全域權限全打勾 後再右下角點選 執行 
( 任意主機請改成 localhost )

6.再來點選資料庫, 選取新增的資料庫再按執行

7.把權限都打勾 再按執行



8.瀏覽器新增一個分頁 然後輸入http://localhost/AJframes(這邊是你資料夾自己取的名稱喔~)
成功的話會看到如下圖

點選衝吧~

9.依序填入 資料庫名稱 / 使用者名稱 / 密碼(請填入你設定的資料)

接下來 應該會出現錯誤畫面

別擔心~
我們開啟 V…

IOS如何快速通過審核?

圖片
相信很多開發者 在開開心心開發完 IOS APP 後
想要發佈第一版到商店~

就開始掉入 無盡審核退件地獄中~@@

阿傑老師這篇 只做一些經驗分享
希望能幫助到 那些卡在審核中 苦苦等待的朋友們

退件理由?

通常被退件的理由 網路上已經有大概整理出來
如果你被退件的理由是 這些SOP下的原因

恭喜你~ 只要照著測試員說明
通常都可以過件

需要注意哪些?

有些部分是開發者疏忽造成

例如:

阿傑老師專案一開始有安裝了 Apple PAY來調用
但最後提交版本時 老師是使用了 IAP
完全忘記 原來我安裝了 apple pay 卻沒有呼叫他 @@

像這類開發者疏忽 可以再送審前 仔細檢查一下喔~

被惡意玩弄怎辦?

怎樣算是被測試玩弄?
阿傑老師分享一下自己的例子~

在某個月夜風高的晚上 老師開心的debug完 把專案上傳送審了
送審前 很清楚的(英中)備註說明了登入測試流程

但 工作忙碌的 測試員 還是持續出包(同樣的問題 又給我退件問一次.....)

這時 老師的小宇宙也爆發了~

老師有練過 小朋友不要學吼~ 乖...

就算再不爽 同學也不要點右下的 檢舉此審查 (真的不要檢舉!!!!) ~

檢舉後就是無限鬼打牆模式

阿傑老師那時就是給他檢舉下去 (還檢舉兩次)...

之後我就被惡意玩耍了~><

檢舉過後沒多久
當然跟我想的一樣 一定會被退件 (真奇怪 已經很期待看到每次被退件的理由~)

但檢舉後更猛了 竟然 貼給我上百則 log......

你用TestFlight 或是正常商店下載 最好他X的有log (喵的)........

測試員擺明用 Xcode 來開你的專案~

怎辦 被玩了 無解嗎?

不要擔心 老師來說一下怎處理~

1.換審核測試員(靠x - 還能指定喔?)

當然不能指定!!!
只是 據老師觀察下 老師強烈的懷疑
Apple 在第一次送審時(也就是還沒第一次過件時).
送審案件 是以亂數 來分配 測試員的~

這些亂數 可能會根據 測試員當班時間有所改變

換句話說 你每次都在早上10點提交
很有可能 會把案件分發給同一位 測試員~

老師測試過很多次 還真的有用!!!!

怎樣換?
當你覺得 你的送審進度 已經是被無理要求時
除了檢舉外

你可以選擇自己取消這次審查
取消後 提交會變成紅色的 由開發者拒絕

對 這樣是對的

請在下一個時間區段再重新提交一次看看

React Native 系列教學(一)

圖片
在開始前 同學可以看看 這篇  Expo 是天堂還是地獄?
以選擇適合自己的模式

老師以最後要上架到 Apple / Android 商店為教學主軸
所以就先以 react-native init 的方式來創建專案

同學若還沒購買電腦 往後想要開發 IOS / Android 的話
強烈建議 可以購買 Mac

因為Mac 目前可以開發雙系統 APP
Windows 除非使用 Expo 不然短期內 還是只能開發 Android


React Native Getting Started

1.安裝依賴
Installing dependencies You will need Node, Watchman, the React Native command line interface, and Xcode.

這是開發 iOS 專案 需要的項目

1:Node
2:Wahchman (非必需, 但又沒道理不裝@@)
3:React Native command line interface(CLI)
4:Xcode

來說明一下:

1.Node - 基本上 Mac 已經內建了 node
如果您已經在系統上安裝了Node,請確保它是版本6或更新的版本。

同學可以輸入:

node -v 來查看版本喔~
v6.11.4 --阿傑老師用的版本

2:Wahchman
Watchman是Facebook觀看文件系統變化的工具。 強烈建議您安裝它以獲得更好的性能。

brew install watchman
3:React Native CLI

npm install -g react-native-cli
4.Xcode 基本上 Xcode也是Mac內建 不需要特別再安裝..除非手x把它移除了~

Mac 開發環境其實很優化了
以上步驟真的是非常容易操作~

接下來 我們來創建專案

react-native init yourProjectName (駐1)
駐1: 此部分是您的專案名稱 請輸入自己的專案名稱, 不要使用中文喔

創建中會把相關依賴給安裝進去 大概起來扭一扭腰就完成了~

再來執行專案

cd yourProjectNamereact-native run-ios (駐2)
駐2: 使用指令來執行專案類別 要啟動Android 專案時(需安裝Android相關依賴)
請輸入 react-native ru…

Expo 是天堂還是地獄?

在正式進入開發前

老師想先跳到這邊來談談 應該怎樣選擇專案建立方式?

若跟著 React Native 官方安裝步驟走
相信很多初接觸 React Native的同學們

一定會選擇使用 快速開始(Quick start) 來創建APP專案程序

恭喜你 照著官方走 地獄拉拉手(喂~)

老師今天就來點亮一盞明燈 ~ 少讓同學誤入歧途吼!!

來 廢話不多說 ~

React Native 之照著官方走之 Quick start 他的優缺點是沙米哩?

優點:

1.在手機上測試 夭壽方便 (金甲有夠快 ~! 嚇死寶寶了, 開發Android 和 iOS就知道 環境建構非常麻煩....尤其是Android的環境, Expo完全打破以往開發者的體驗.. npm start 給他按下去後 會出現一個 QR..也就是你要測試的手機安裝完Expo 後 掃描完QR 你的App 就可以在手機測試了...金架有夠夭壽~ 以往Android開發者初次建構環境 還在給他下載SDK溜~)



2.常用的元件 幾乎都有給他不錯的整合進去~ (使用起來很方便)

3.發佈到 Expo 平台很方便.除了 Android / iOS store 外Expo 提供了更快速的app發佈機制.
一樣的道理 當你的APP發佈到Expo平台後 user 只要掃瞄app的 QR 就能安裝到手機上瞜~

通常知道以上這幾個優點的同學們 一定 very 送的就給他 Quick start下去
看完優點我們來看看缺點~

缺點:

1.創建專案後 習慣看到的React Native結構會大大不同, 例如 ios/android資料夾沒了~
通通整在一起~(阿這樣不是更水 更乾淨!? 對的 水
開發到後面你會發現 很多教學都跟你不對盤~你就知道頭痛要開始 )

2.bug 頗多~ 除非你要開發的APP 非常單純 不然多做一些功能串接後
一樣會發現 一些內存的問題 慢慢浮出檯面~

3.發佈到iOS 與 Android 有點麻煩 ~ 除非App 不考慮發佈到 Apple / Android 不然這會是很大的問題

阿傑老師大概就只提這3個 開發者在後續開發中 常碰到的問題
同學們 不妨兩種方式都玩看看 應該就能有更深切的體會喔~

說完 告退 掰掰~