如何自動加載scratch3.0的頁面上實現自動加載原有的作品

首先，我們在安裝scratch3。0后，瀏覽器默認打開的是編程的頁面。如下圖：

 

 

 

那么我們希望開發一個功能，就是打開的時候默認加入某一個SB3的開發文件

1.首先，我們需要有一個.SB3的開發文件，建議上傳到STATIC目錄下

2、找到scratch-gui-develop>src>container》gui.jsx文件

 

找到44行的componentDidMount函數

　　新增以下代碼

 

        const url="/static/123.sb3";

        fetch(url,{

            method: 'GET'

        })

        .then(response=>response.blob())

        .then(blob=>{

            const reader=new FileReader();

            reader.onload=()=>this.props.vm.loadProject(reader.result)

            .then(()=>{

                GoogleAnalytics.event({

                    category:'project',

                    action:'Import Project File',

                    nonInteraction:true

                })

            })

            reader.readAsArrayBuffer(blob)

        })

        .catch(error=>{

            alert(`遠程加載文件錯誤！${error}`)

        })

 

 

 

文件加載完畢

此外，我們例如希望開發像修改作業之類的，我們可以需要進行文件的傳遞

我們需要將上面的第一行

 const url="/static/123.sb3";

更改為

 const url=window.projecturl;

然后呢。在首頁，例如paly.html添加上以上代碼，或者自己用參數來傳遞

<script>

window.projectUrl="https://steam.nosdn.127.net/885318eb-ad83-44c4-afe3-d3bea0a0d2ab.sb3";

</script>

 

--------------------------------------------------------------------

博主：雷君（微軟MVP，眾聚互聯CEO）

長期致力於企業IT服務，以及青少年編程培訓課程

培訓機構討論熱線：18859773999

--------------------------------------------------------------------