2022年6月19日 星期日

[2022.LEARN.014][筆記]Sendgrid發送信件的狀態

參考：

原文：

    • Processed：
      • Requests from your website, application, or mail client via SMTP Relay or the API that SendGrid processed.
      • 當SendGridAPI新增將觸發此事件，(第一個事件)，除非信件被判斷為dropped。
    • Clicks：
      • Whenever a recipient clicks one of the Click Tracked links in your email. In the Email History, SendGrid displays the date, time, and the URL for the link that was clicked.
      • 信件連結被點擊了。（理論上應該是收到信才有可能觸發）
    • Delivered
      • The accepted response generated by the recipients' mail server.
      • 此事件不保證接收伺服器接收到信件，只是標記已經傳送信件。
      • 後續還有相關狀態回報。
      • Delivered、Bounced、Blocked、Deffered
    • Opens
      • The response generated by a recipient opening an email.
      • 信件被打開了。（理論上應該是收到信才會打開）
    • Unsubscribes
      • Whenever a recipient unsubscribes from your emails.
    • Group Unsubscribes
      • Whenever a recipient unsubscribes from a suppression group.
    • Group Resubscribes
      • When a recipient resubscribes themselves to a suppression group.

    • Deferred
      • The recipient mail server asked SendGrid to stop sending emails so fast.
      • 收件郵件伺服器要求SendGridd停止短時間快速送信。
    • Drops
      • SendGrid will drop an email when the contact on that email is in one of your suppression groups, the recipient email previously bounced, or that recipient has marked your email as spam.
      • SendGrid將會【Drop】信件的幾種情況。
      • 當你的聯絡人Email在黑名單(禁止群)中。
      • 或是該收件人之前被【bounce】。
      • 或是email被收件人標記為垃圾郵件。
    • Bounces
      • The receiving server could not or would not accept the message. If a recipient has previously unsubscribed from your emails, your attempt to send to them is bounced.
      • 接收服務器無法接收此訊息。
      • 如果收件人之前已取消訂閱您的電子郵件，您發送給他們的郵件將被【bounce】退回。
      • 常見：
        • 軟退回:可能臨時無法寄送成功，會嘗試重送。
          • 郵箱已滿。
          • 夾檔附件太大。
          • 伺服器以關閉。
          • 收件方啟用自動回覆。
        • 硬退回:無效的電子郵件，不重送。
          • 假信箱：故意提供假的信箱。
            • 驗證規則可能就可以判斷。
          • 不正確：打錯了。
            • 不小心拚打錯，驗證可能可以通過。
            • abc@gmail.com->abv@gmail.com
          • 被阻止：政府機關可能會擋某些網域的郵件。
            • 可能要加入白名單之類。
        • 黑名單:被列入黑名單。
      • 8個原因：
        • 垃圾郵件過濾器
        • 被管理者擋掉(Individual Server Administrators)
          • 主題出現「免費」、「訂閱」、類似詐騙信件、只有主旨沒有內容等。
          • Subject starts with “Free”
          • Contains, “If you want to subscribe...”
          • Offers a full refund
          • Claims you have provided permission
          • “See for yourself”
          • Subject is all capitals
          • Message is 0% to 10% HTML
          • HTML title contains no text
          • “Free Preview”
        • 自然消亡(Natural Database Decay):企業，離職或是網域消失。
        • 臨時無法交付(Temporary Un-deliverables):信箱滿了，夾黨太大，臨時狀況拒絕電子郵件，會發生軟退回(退回重送)。
        • 無效地址(Invalid Addresses):地址無效，發生硬退回(不重送)。
          • 不小心打錯或是故意填錯。
        • 發信人信譽(Sender Reputation)：網域或郵件不被信任。
        • 列入黑名單ip(Blacklisted IP Ranges)
        • 不斷發展業界標準（evolving  industry standards)
    • Blocks
      • When your IP address has been blocked by an ISP or messaging organization. Blocks are less severe than bounces and do not result in permanent suppressions: subsequent sends to blocked email addresses are not automatically suppressed.
      • 當你的IP位置被ISP或 messaging organization 【block】。
      • 【Block】不像【bounce】那麼嚴重，不會導致永久禁止。
      • 後續發送的已被block的信件也不會自動禁止。
    • Spam Reports
      • Whenever a recipient marks your email as spam and their mail server tells us about it.
      • 收件人將您的email標記為垃圾郵件，他們的mail  server回傳告知。


    筆記：自己依流程定義

    • processed：已處理
    • delivered：已送達
    • open：開啟郵件
    • click：開啟信件連結
    • deferred：異常重送
    • bounce：駁回重送'--rejected by the receiving mail server
    • blocked：駁回
    • dropped：被排除
    • success：發送成功
    • fail：發送失敗
    正常流程：processed-->delivered(-->open開啟信件表示受件人有讀取到信)

    on 沒有留言:
    標籤： ,

    2022年6月17日 星期五

    [2022.LEARN.013][筆記]html5上傳圖片轉base64預覽

     範例：

    <!DOCTYPE html>
    <html>

    <head>
        <meta charset="utf-8">
        <title></title>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>  

    </head>

    <body>
        <div class="container">
        <label>圖片預覽:</label>
        <div id="previewDiv">
         
        </div>

        <!-- IMG.END -->
        <button type="button">
          上傳相片
        </button>
        <input type="file" id="upimg" accept=".png, .jpg, .jpeg" onchange='imgUploadCheck(this)' />
        <button type="button" id="btnRemovePic"
                class="am-btn am-btn-default am-radius am-btn-sm" style="display:none">移除圖片</button>        
     
      </div>
      <script>
        $(function(){
       
        });
        //圖片上傳檢查
        /* 1.只能是jpg/jpeg  2.檔名只接受小寫英文、數字、底線、連字號  3.不可超過150KB*/
        function imgUploadCheck(input){
          //清空網址上傳欄位
          /*$('#upimg').val('');
          $('#img_previewPic').attr({
            src: ''
          });
          $('#imgErrorTip').html('').hide();*/

          var file = $(input)[0].files;
          //為空值>重置
          if(file.length==0){
            $('#btnRemovePic').click();
            $(input).parent().removeClass('am-form-error');
            $('#imgErrorTip').html('').hide();
            return false;
          }
          var fileName = file[0].name;
          var fileType = file[0].type;
          var fileSize = file[0].size;
          console.log(file,fileType,fileSize);
          var typeRule = ["image/jpg", "image/jpeg", "image/png"];
          if ($.inArray(fileType, typeRule) < 0) {
            alert(input,'檔案格式不符，請上傳 jpg/png 檔案');
            return false;
          }
          if((fileSize/1024) > 150){
            //lert('圖片大於150KB');
            $("#previewDiv").empty(); // 清空當下預覽
            previewFiles(file) // this即為<input>元素
            //--------------
          }
          else{
            console.log('圖片OK');
            $("#previewDiv").empty(); // 清空當下預覽
            previewFiles(file); // this即為<input>元素
          }
        }
        // 預覽圖片，將取得的files一個個取出丟到convertFile() ,IE不支援
        function previewFiles(files) {  
          console.log('previewFiles',files);
          if (files && files.length >= 1) {
            $.map(files, file => {
              convertFile(file)
                .then(data => {
                  console.log(data) // 把編碼後的字串輸出到console
                  showPreviewImage(data, file.name)
                })
                .catch(err => console.log(err))
            })
          }
         
        }
        // 在頁面上新增<img>
        function showPreviewImage(src, fileName) {
            /*let image = new Image(250) // 設定寬250px
            image.name = fileName
            image.src = src // <img>中src屬性除了接url外也可以直接接Base64字串
            $("#previewDiv").append(image).append(`<p>File: ${image.name}`)*/
            $('#div_previewPic').show();
            $('#btnRemovePic').show();
            $("#previewDiv").html('');
            $("#previewDiv").html('<a href="'+src+'" data-fancybox="gallery">\
              <img src ="'+src+'" alt ="'+fileName+'" width="250"/></a>\
              <p>檔案：'+fileName+'</p>');
        }
        // 使用FileReader讀取檔案，並且回傳Base64編碼後的source ,IE不支援(2022-06-15停用)
        function convertFile(file) {
          return new Promise((resolve,reject)=>{
              // 建立FileReader物件
              let reader = new FileReader()
              // 註冊onload事件，取得result則resolve (會是一個Base64字串)
              reader.onload = () => { resolve(reader.result) }
              // 註冊onerror事件，若發生error則reject
              reader.onerror = () => { reject(reader.error) }
              // 讀取檔案
              reader.readAsDataURL(file)
          });
        }
      </script>
    </body>
    </html>
    on 沒有留言:
    標籤： , ,

    2022年6月6日 星期一

    [2022.LEARN.012][MAUI]微軟跨平台開發MAUI-02-建置為Windows模式

    參考：https://docs.microsoft.com/zh-tw/dotnet/maui/windows/setup


    除了Android模式，這次改為建置Windows模式。

    但出現以下訊息：

    這邊需要將【開發人員模式】啟用。


    執行建置，就可以成功看到結果：






    on 沒有留言:
    標籤： , ,
    訂閱： 文章 (Atom)