自訂 iOS 小程式錯誤頁面 - 移動開發平台 mPaaS

在載入小程式時，如果網路載入失敗或無法開啟網站，會出現類似如下的報錯：

“網路無法串連 (-1009)”

本文介紹如何自訂上述報錯。

操作步驟

自訂報錯頁面可分為以下 2 步：

在 H5 基類中監聽 kEvent_Navigation_Error 方法。通過 MPH5WebViewController () <PSDPluginProtocol> 介面，引入 - (void)handleEvent:(PSDEvent *)event 方法：

 - (void)handleEvent:(PSDEvent *)event
 {
     [super handleEvent:event];

         if ([kEvent_Navigation_Error isEqualToString:event.eventType]) {
         [self handleContentViewDidFailLoad:(id)event];
     }
 }

handleContentViewDidFailLoad 方法如下：

 - (void)handleContentViewDidFailLoad:(PSDNavigationEvent *)event
 {
     PSDNavigationEvent *naviEvent = (PSDNavigationEvent *)event;
     NSError *error = naviEvent.error;
     [MPH5ErrorHelper handlErrorWithWebView:(WKWebView *)self.psdContentView error:error];
 }

在 afterDidFinishLaunchingWithOptions 方法中設定 error 頁面以及 H5 基類。其中，errorHtmlPath 是當 H5 頁面載入失敗時展示的 HTML 錯誤頁路徑，預設讀取 MPNebulaAdapter.bundle/error.html。 myerror 代碼如下：
```
 <!DOCTYPE html>
 <html lang="en">
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Document</title>
 </head>
 <body>
     自訂報錯資訊
 </body>
 </html>
```