鴻蒙的js開發模式19：鴻蒙手機下載下傳python伺服器端檔案的實作

目錄：

1.承接上篇鴻蒙用戶端上傳檔案

2.域名通過内網穿透工具

3.python伺服器端代碼

4.鴻蒙手機的界面和業務邏輯

5.《鴻蒙的js開發模式》系列文章合集

1.承接上篇鴻蒙用戶端上傳檔案，呈上啟下，鴻蒙手機下載下傳python伺服器端的檔案到鴻蒙手機用戶端，具體的實作邏輯如下：

初始化條件： 首先導入request對象子產品，import request from '@system.request';  設定網絡權限：在config.json檔案中設定     ohos.permission.INTERNET，同時我們是用http協定通路的，設定域名協定操作：

2.域名通過内網穿透工具，也可以使用其它内網穿透工具，穿透的端口和python伺服器端的端口一緻

3.python伺服器端代碼如下：

from  flask  import Flask
from flask  import jsonify
from  flask  import   request
import json
import  random
from  flask import send_from_directory

@app.route("/download")
def index():
    print("執行檔案的下載下傳")
    return send_from_directory(r"D:\image\images",filename="a0.jpg",as_attachment=True)


if  __name__=="__main__":
    app.run(debug=True,port=8500)           

4.鴻蒙手機的界面和業務邏輯如下：

界面建構代碼：

<div class="container">
   <div  class="downview"  onclick="downoperator"><text class="tvview">下載下傳檔案</text></div>
       
</div>

           

js業務邏輯代碼如下：

import prompt from '@system.prompt';
import request from '@system.request';
export default {
    data: {
        title: 'World'
    },
    downoperator()
    {
        prompt.showToast({
            message:"執行下載下傳檔案",
            duration:8000

        });

        request.download({
            url: 'http://gjpwwj.natappfree.cc/download',
            success: function(data) {
                console.log('call success callback success: ' + data.token);

            },
            fail: function(data, code) {
                console.log('handling fail');
            },
        });
    }
}
           

執行下載下傳，鴻蒙會以通知欄消息通知下載下傳檔案成功：

點選通知欄，就能預覽下載下傳的檔案：

通過Hilog日志工具，也可以看到下載下傳成功的資訊：

鴻蒙的時代已經到來，積極擁抱，張榮超老師昨天的第一課講的很好，一起加油！

作者：六合李欣

想了解更多内容，請通路51CTO和華為合作共建的鴻蒙社群：https://harmonyos.51cto.com/