當麻許的超技八

接下來幾篇文章，我想實作一下WebRTC來做到P2P對談，基本上我是接到任務發現這真的是一個有點小複雜的東西，所以網路上看一些文章測試出不少方法，這是目前跑起來看起來比較容易懂的方法，介紹給大家讓大家少走一些冤枉路，首先這邊我們要用到的東西，分別為兩台電腦(分別在不同IP)，然後一台Linux的機器，另一台我是用Windows ，為何要用Linux因為跑node.js 我主要都是用Linux ，不過你可以自己重組你自己的環境，這一篇主要是基本概念+Signaling Server 的建置.. HERE WE GO !!

之前有一個想法就是讓客戶去寫一點程式讓他去展現他要做的折價規則，像是滿千送百或是滿三千送五百之類的，如果要做畫面之後客戶想改規則都要花很多時間，不過這只是一個想法結果找一下網路上資料真的有做法而且程式不難。

Type scriptType = Type.GetTypeFromCLSID(Guid.Parse("0E59F1D5-1FBE-11D0-8FF2-00A0D10038BC"));

dynamic obj = Activator.CreateInstance(scriptType, false);
obj.Language = "javascript";

var res = obj.Eval("x=2999;  x=x-((Math.floor(x/1000))*100);");

Response.Write(res);

上面案例 我設定公式是  x=x-((Math.floor(x/1000))*100); 然後假設使用者消費是2999 滿千送百這樣經過公式算出來的結果是 2799 ，很方便吧。

這裡面我比較好奇的是 Type.GetTypeFromCLSID 到底是什麼? 上網看一下文件 "GetTypeFromCLSID 方法支援晚期繫結存取 unmanaged COM 物件從.NET Framework 應用程式時您知道 COM 物件的類別識別項 (CLSID)。 COM 類別的類別識別項被定義在登錄的 HKEY_CLASSES_ROOT\CLSID 索引鍵。 您可以擷取的值 IsCOMObject 屬性來判斷這個方法所傳回的型別是否為 COM 物件"

先說好這 只有對Android 有用 !!   只有對Android 有用 !!   只有對Android 有用 !!  
因為LINE 跟 Facebook 傳遞網站時候它們會用In-App Browser 去打開 除非你有調整這地方

用Linkit 7688 當然就是要舒爽的寫Javascript 來控制一些硬體，這篇主要是筆記一下透過mraa 來控制LED 開關，並且透過Node.js

之前文章提到了 如何使用 Croppie 做圖片裁切，今天要筆記一下如何，在 Init 後置換圖片，因為其實這蠻常用到的，這剛好也有朋友問我，我查了一下文件才知道，原本我以為要用destory 後來發現重新bind 就好

選取一個圖片檔案後，直接進行預覽，以前我都是傳到server 按下上傳後再做預覽，現在可以透過javascript 做到，這樣對使用者來說會更加的直覺看到選取圖片是否正確

function InputLoadImageToBindImageElement(inputEl, imgEl) {

    if (inputEl.files && inputEl.files[0]) {

        var reader = new FileReader();

        reader.onload = function (e) {

            $(imgEl).attr('src', e.target.result);

        }

        reader.readAsDataURL(inputEl.files[0]);

    }

}

使用方式:

HTML:

<img src="" id="image1"  />

<input type="file" name="name" id="iptImage1" value="" />

呼叫:

$("#iptImage1").change(function () {

          InputLoadImageToBindImageElement(this, $('#image1'));

});

sample:

最近在用summernote 然後因為客戶會上傳圖片，但是客戶又喜歡拉大拉小，結果導致code 變成 強制設定了width 和 height ，所以最好的方式就是讓客戶不要去拉動圖片，但是我找不到參數設定，在Ben幫忙下找到了一個解法就是從css 層級直接把邊框取消

上一篇文章我們談到一些關於jQuery UI 拖曳 的一些操作我們繼續把它說完

最近專案要用到一些東西想說紀錄一下，主要就是拖曳的一些需求，基本上都是參考來自於 jQuery UI (  https://jqueryui.com/sortable/ )

最近專案需求要用到裁切圖片，網路上很多根據 Eleven Hsiao 推薦一套很簡單的套件 -  Croppie ( https://github.com/foliotek/croppie )

最近朋友問我，因為他在一個input  text 中偵測keypress 的enter 事件，但是按下去後依然會觸發post 事件，即使不是runat server 的物件也是這樣，問我有沒有辦法可以阻enter 不去觸發postback，紀錄一下，原因是因為預設.net form 是runat server 會觸發postback  ，理論上在enter  按下後是可以透過client去阻擋，但是因為泡泡事件的關係，所以會導致她還是會將事件向下傳遞所以做法就是

<script>
     
        $('#txtTest').keypress(function (e) {
     
            if (e.keyCode == 13) {
     
                //你要執行的事件
                //..
     
                //加上這兩行就不會觸發post事件
               e.preventDefault();
               return false;
           }
       });
</script>

紀錄一下，給碰到有需要的人

接續上一篇  [C#][ASP.net] 我們來聊聊Facebook Message Bot 如何實作 (一) 我們來繼續聊聊如何接受，發送，驗證 關於facebook message bot 的相關操作。

之前facebook 發布了 bot 讓你可以透過寫程式讓你可以針對紛絲團寫出回應的機器人

(來源: http://www.bbc.com/news/technology-36021889)

看一下臉書的官方文件( https://developers.facebook.com/docs/graph-api/reference/v2.6/message )其實蠻詳細的，官方用的是javascript and node.js 這篇文章我會用C# + ASP.net來完成，並且就筆記一下需要注意的地方

Summernote 套件蠻常使用的，但是他圖片上傳預設是base64 所以預設的Code 是長這樣

因為 code 很多會變得有點慢，這點如何解決呢? 此測試版為 0.8.1

簡單判斷是不是IE 的Javascript Code , 因為朋友問就紀錄一下

因為專案的一些因素，必須要透過Node.js 去呼叫 C# 的 Library ，測試了一下，所以記錄下來
1.必須透過一個 lib 叫做 edge.js

最近比較少用CKEditor 比較常用的是 SummerNote，因為她對RWD的支援會比較好一點

今天筆記一下，關於Cordova 寫入檔案的方法，主要參考連結為
https://cordova.apache.org/docs/en/3.0.0/cordova_file_file.md.html
http://www.raymondcamden.com/2014/11/05/Cordova-Example-Writing-to-a-file

1.首先要加入plugin ，文中我加入兩個 File , Notification 因為 Notification 我很常用到，事實上只需要File就好了

這個問題，非常惱人而且難抓到，我使用Javascript 試圖寫入Cookie ，在Firefox 跟 Chrome 下是正常的，當下我就覺得又是IE
網路上查了一下，原因大致上是因為，早期IE對於安全性問題，他們有阻擋關於內嵌iframe 的cookie 機制，網路上說解法是在</head> 前加入

<meta http-equiv="P3P" content='CP="IDC DSP COR CURa ADMa OUR IND PHY ONL COM STA"' />

最近在弄一些Facebook上面的小遊戲，因為最近HTML5的東西很紅，所以也從Flash Game慢慢轉移到 HTML+Javascript Game..

遇到一個怪現象，就是IE某些版本，對方回報為IE8 有問題，測了一下發現，原來是因為Array.IndexOf竟然IE看不懂…W..T…

之後Google 也順利找到一段Code  紀錄一下: