克克的軟體分享知識區

最近公司NAS專案計畫要將原本使用的AngularJS從1.x升級至目前最新的 6.x版本，這邊就來介紹下新版本的AngularJS有什麼新的特性吧。 新版中最有感的改變莫過於JavaScript的寫法變成了TypeScript，TypeScript是微軟開源維護的語言，且為嚴謹的撰寫方式並提供static typing，專案架構也由原本的MVC改為 Service/Controller，這樣的轉變可以讓我們更專注在各別組件的開發上以此可增加程式重用性和可維護性，接下來我們就寫個簡單的練習來介紹AngularJS吧。 在開始前我們需要了解AngularJS提供的CLI工具，CLI工具可以幫助我們管理專案，接下來利用npm來幫我們安裝CLI工具，請開啟命令提識字元輸入指令 : npm install -g @angular/cli ※ 若發現 npm 指令不存在，請先安裝node.js 最新版本並重新開啟所有命令提示字元後再次嘗試。 安裝完成後我們就可以來建立我們第一個AngularJS 6專案了，輸入下列指令 : ng new first-app CLI會幫我們建立一資料夾名為first-app，並幫我們準備好專案需要的內容，接下來我們進到first-app資料夾中，CLI幫我們建立了幾個資料夾e2e、node_modeules、src，我們專案程式皆在src資料夾中，現在我們可以使用指令來啟動專案看看有什麼結果(Angular 6 專案在publish 前是無法直接使用的)，輸入下列指令 : ng serve –open 稍待一會後會自動開啟瀏覽器並且看到AngularJS的範例頁面，接下來我們回到專案中，修改下列路徑的檔案 src/app/app.component.ts ，並將內容改為下圖後存檔: 當我們按下存檔後，頁面將會自動刷新並將標題更換為我們剛剛修改的值， 接下來我們就來建立一個Component看看吧，Component功能為顯示現在時間，輸入下列指令: ng generate component clock 完成後在 src/app 資料夾中會出現一個clock資料夾，CLI將自動將Component載入到我們的專案並將所需的檔案一併產生，這邊我們來介紹一下Component中的檔案用途 : 檔名 用途

現今化妝品、保養商品琳瑯滿目，各國彩妝每季都有新商品推出，要如何在這百家爭鳴的化妝保養品界開闢出一條自己品牌的專屬道路，其中一個方法就是培養客戶的品牌忠誠度。只是品牌忠誠度要如何去建立呢？除了商品本身的獨特性之外，還可以使用簡訊提醒客戶們新商品的推出，或是周年慶的優惠組合推出時間。除了活動通知，商品完成訂單、寄貨通知、預計抵達時間通知、貨到門市通知、換貨進度通知等等，都是客戶在在會注意的地方。當品牌商家把客戶可能會有的疑問先提前通知給客戶，其實就是引導客戶走上品牌忠誠的路途。 以下提供幾個品牌商家常會使用的簡訊範例， 客戶在購買商品之前，往往會先註冊會員，或者是太久沒登入自己的使用帳號忘記密碼了，這時候就可以使用忘記密碼功能協助客戶找回自己的密碼。 當客戶完成自己的購物後，品牌商家會發送完成訂單通知，讓客戶確定已完成自己的購物流程，通常會發出下列的通知： 客戶購買完商品後，可能需要3-5個工作天，若遇到需要預購的商品，等待期可能更長，往往到出貨的時候，客戶已忘記購買了什麼商品，有時需要貨到付款，客戶可能也會來不及準備款項付給貨運人員，造成彼此來回流程時間的浪費，此時就非常需要發送發貨通知訊息提醒客戶，範例如下： 當有壽星優惠或會員日活動通知時，也能用大量簡訊告知客戶有特別優惠。   其實除了以上的活動通知之外，前面所說的新品優惠，也可以搭配MMS(多媒體簡訊)做通知，會員客戶看到商品照片，會更有興趣進一步洽詢或購買。 以上各式各樣的發簡訊方式，除了幫忙商家增加和顧客的信賴感及品牌忠誠度，也建立了商家自己的品牌服務，想要體驗發送純文字簡訊或是多媒體簡訊的方便服務，歡迎與我們聯繫！ 【簡訊廣播站】除了發送純文字簡訊，也提供名單管理、週期/分時分量發送、使用額度設定預警、長/短簡訊發送……等多元化服務，讓使用者可以更彈性的操作。此外，詮力科技為維護使用者重要的通訊資料及提供穩定的發送機制，「詮力科技簡訊平台」網站之安全規格亦採用企業級標準，包含防火牆、入侵偵測系統、24小時監控、不斷電系統……等架構，確保使用者能更安全、順利地發送任何一筆簡訊。 【簡訊廣播站】平台優勢： 手動輸入、通訊錄、上傳檔案：三種功能自由搭 「客製化參數內容」：每一則簡訊都是獨一無二的內容 「長簡訊

國內飲食與觀光發展蓬勃，走在路上，四處可見大大小小的餐廳、咖啡廳、飯店、旅館…等，競爭激烈，為提供給客戶貼心週到的服務，各店家們使用了各種工具來維護客戶關係，在人人手中未必有紙筆但卻都有手機的年代，簡訊，不但不缺席，更是扮演了重要的角色。 大部分店家都會提供預訂服務，以減少客戶等候的時間，尤其是熱門餐飲業者，座位還得訂到一兩個月後甚至半年後，時間一久，消費者忘記已訂位的機會大增，若是已訂好位置時間到了卻因忘記而未出席，不論是對消費者還是餐飲業者，都會造成困擾，業者可於預定日期到期前先發送簡訊提醒客戶，以免客戶爽約；而飯店與旅館呢？也可藉由簡訊通知客戶詳細資料，客戶需要時拿出手機打開簡訊即可找到需要的資訊 飯店與旅行社合作時，通常需要將住宿資訊先行提供給導遊，以便導遊在行程中對遊客進行宣導與告知，以免進入飯店旅館大廳後造成混亂，擾亂飯店的安寧與秩序，讓導遊可以抽空安排。 除此之外，由於顧客旅遊大部分是到外地，對於當地的氣候環境不熟悉，可以在出發前發送一份當地資訊給顧客參考，讓客戶可以準備衣物、隨身配備…等，顧客也能感受到業者的用心與細心。 飯店或餐廳亦會在年節時期、連假前不定時推出促銷活動，這時就需要一個簡訊平台可以將促銷方案一次發送給大量曾經來消費過的顧客，不但方便，而且快速，搭配短網址，還可將簡訊文字說不完的資訊詳細呈現於行動網頁中。 舉辦抽獎活動是與客戶互動、增加客戶黏著度的好方法，若是一個一個電話或郵寄資料給通知中獎會員，實在是太過耗時耗力，依各會員資訊發送的客製化簡訊即可解決此困境。 看完這些例子，該如何才能讓這些各式各樣的簡訊以最快速簡便的方式與您的顧客溝通？詮力科技簡訊產品【簡訊廣播站】以直覺化、多元化的操作方式滿足您的簡訊需求。 【簡訊廣播站】平台優勢： 手動輸入、通訊錄、上傳檔案：三種功能自由搭 「客製化參數內容」：每一則簡訊都是獨一無二的內容 「長簡訊」：無論千言萬語都能承載 「通訊錄管理」：替您管理您的客戶資訊 「罐頭簡訊」：幫您省下打字時間，存取最常用的實用提醒 「簡訊失效時間」：限時訊息、錯過失效 「點數不足設定」不怕發到一半沒點數 想立即體驗【 簡訊廣播站 】嗎？立刻加入會員，就能馬上擁有眾多好康優惠喔！

最近在寫簡訊系統時，在Google找到了一些在 Visual Studio 內實用的DeBug小技巧，DeBug對於程式開發是很重要的一環，往往需要花費大量的時間去測試、找問題，拜現在好用的開發工具Visual Studio 2017給了許多DeBug的好方法讓我們使用，讓我們節省大量的時間在DeBug，將更多的時間花在開發上，而現在就來一一的介紹。 點擊設置下一個執行點 許多人可能知道你可以在左側按住箭頭並上下拖動移動它。但你可能不知道的是，從Visual Studio 2017 15,3 preview版本後開始，有一種更簡單的方法來設置下一個執行點。 將鼠標停在要移動箭頭的代碼行上。 並按下前方箭頭鍵就會繼續執行你所選到的該行程式上。 圖 1 點擊設置下一個執行點 指定值中斷 你是否在DeBug時遇到過一種情況，在一個中斷點處需要檢查變數的值或屬性，以及到達下一個中斷點時屬性是否已更改。你可以在class的setter上設置中斷點，但這會變的在class的每個實作中中斷！如果你只想知道一個有問題的點該怎麼辦？ 在中斷點上按右鍵→條件 圖 2 條件 設定指定的條件 圖 3 設定指定的條件 重新附加到處理序 Visual Stuido 2017中新增的一個功能，許多人還沒有發現。當你正在處理需要使用“附加到處理序”的項目時，它非常有用。 點選上方工具欄偵錯→附加到處理序（Ctrl + Alt + P），選擇要附加的處理序，然後按下“附加”。 圖 4 附加至處理序 停止偵錯後要再繼續附加，請轉到工具欄上偵錯→重新附加至處理序（Shift + Alt + P）。 顯示執行緒 要DeBug多執行緒的程式是比較困難的，但是當妳可以在編輯器中看到當前每個執行序的執行行數時，它會變得對容易些。 在Debugger工具欄中選擇”在原始程式檔中顯示執行序”。 符號就會出現在每行程式碼左側的中斷點設定區域，其中至少會有一個執行序是正在被停止的。 將滑鼠鼠標停留在執行序符號上可以查看當前在該行程式碼上停止的所有執行序的執行緒ID與名稱　。 右鍵點及該執行序可以查看可以執行的操作，例如凍結或切換當前執行的執行序等等 圖 5顯示執行緒