18221533805
      Mpvue開發(fā)小程序開發(fā)環(huán)境搭建過程
      上海微信小程序開發(fā)制作、APP、網(wǎng)站、小程序定制、小程序外包開發(fā)公司

      Mpvue開發(fā)小程序開發(fā)環(huán)境搭建過程

      2022-06-22

      實驗項目叫做神記事,英文名微信。就是一個記事本小程序。

      npm 微信微信vue init mpvue

      其中wxmp appid后臺 - 開發(fā)設(shè)置 - AppID(小程序ID)。

      所有其他設(shè)置都可以默認。

      cd 微信npm 微信npm run dev

      實施后,使用微信開發(fā)者工具選擇D:/微信/,可預(yù)覽項目。

      此時微信開發(fā)者工具右上角沒有騰訊云按鈕,需要到后臺打開。

      然后進入騰訊云管理界面。

      在騰訊云管理界面,您會發(fā)現(xiàn)第三步是下載測試代碼,可以選擇微信版本和PHP由于微信版比較簡單,所以我先下載了微信版。

      你會發(fā)現(xiàn)文件名是微信dejs...那么這微信是什么呢?

      簡單地說,微信是一套工具包,用戶只需要打開,就可以使用開發(fā)人員工具上傳、部署和調(diào)試小程序的后端代碼,無需了解服務(wù)器運行維護和數(shù)據(jù)庫部署構(gòu)建。當然,如果您的小程序是純前端程序,不需要后端交互,則無需安裝工具包。

      這個包包含了目前最受歡迎的包koa2框架類似于PHP語言的微信、微信...等待框架。顯然,你也需要koa2相關(guān)知識。

      就我個人而言,我對小程序充滿敬畏。我不認為前端程序員需要包括所有的后端工作。如果前端程序員能夠包括后端并實現(xiàn)所謂的全堆棧,這只能表明這個小程序不會是一個大型和重要的項目。所以,當你正處于學習小程序開發(fā)的階段時,只要是正確的koa2有基本的掌握,可以做數(shù)據(jù)庫添加、刪除和檢查,當你真正開發(fā)小程序為職業(yè),后端程序員使用什么語言是他的事,你只需要讓他po給你一個界面。如果你真的打算全棧,更熟悉PHP語言,也無妨,以后再改。甚至說,如果你的后端是對的,Java最熟悉,也可以,但只能離開騰訊云,需要使用自己的服務(wù)器,因為騰訊云不提供Java環(huán)境。

      網(wǎng)上有很多相關(guān)文件,比如 騰訊云 微信,輕松部署小程序后端!


      該文件在項目根目錄中,第10行是"微信": "dist/wx/",,附加1行代碼,即指定微信文件夾的路徑:


      事實上,有一個細節(jié)。在設(shè)置此步驟之前,您的開發(fā)人員工具右上角始終沒有騰訊云按鈕。即使您查找工具 - 工具欄管理 - 自定義工具管理,您仍然找不到騰訊云按鈕,因為您沒有設(shè)置微信目錄,開發(fā)人員工具認為您的小程序不需要后端。騰訊云按鈕將出現(xiàn),直到設(shè)置微信路徑。現(xiàn)在鉤住它(如果沒有,應(yīng)該可以找到重啟工具)

      點擊工具右上角的騰訊云按鈕,選擇微信環(huán)境或PHP環(huán)境,我們選擇微信環(huán)境。

      再次單擊騰訊云按鈕,就可以看到下拉菜單,我們目前還沒有使用這些功能,因為下一步我們建立當?shù)氐拈_發(fā)環(huán)境。

      先仔細閱讀微信小程序開發(fā)者工具的官方說明 自行部署 www.eeefficiency.com Demo,查看上傳 Demo 和啟動節(jié)的內(nèi)容。

      具體說,將

      貼到微信里面。微信相關(guān)跳過,微信相關(guān)如實填寫。

      騰訊云后臺右上角菜單的賬號信息來自微信。

      騰訊云后臺右上角菜單的微信和微信訪問管理,然后點擊左側(cè)API秘鑰管理,如果沒有秘鑰,新建秘鑰。然后從中 ** 其中微信需要先填寫手機驗證碼。

      然后執(zhí)行微信目錄npm 微信,安裝相關(guān)依賴。

      請注意,如果您在第三步遇到微信的錯誤報告,這個問題就會跟進MySQL與低版本有關(guān),解決方案:要么升級您的集成環(huán)境,要么安裝另一個集成開發(fā)環(huán)境。

      我個人選擇一個環(huán)境,比如XAMPP的便攜版(www.eeefficiency.com),然后修改端口:

      此時,第2步和第3步可以成功導入sql文件。

      施工:

      一、新建一個koa2控制器,叫demo

      微信/微信目錄

      二、新路由,又稱demo

      在微信/微信目錄的:

      到此,demo API構(gòu)建完畢。

      在微信目錄敲入node app,啟動http服務(wù)。

      瀏覽器訪問頁面顯示:

      測試成功。

      微信在微信界如雷貫耳,其功能是修改監(jiān)控文件,幫助您隨時重啟您的服務(wù)。

      這樣就安裝好了,不用做任何配置。

      今后啟動服務(wù)就不再是node app,而是微信app。

      之后,你需要每天打開兩個命令行窗口,一個用于執(zhí)行npm run dev,另一個負責前端開發(fā)的目錄是執(zhí)行微信app,負責啟動http服務(wù)。

      我們當?shù)丨h(huán)境的域名是,這顯然不是騰訊眼中的合法域名。因此,有必要在開發(fā)人員工具右上角的詳細信息中勾選不校驗合法域名...”。

      這是什么?它的中文名稱是微信小程序客戶端騰訊云增強 SDK說白了就是提高會話能力的工具包。安裝在項目根目錄中:

      使用方法:

      在項目根目錄中中加入:

      然后看看官方文檔。文檔稱,自2018年上半年以來,必須手動觸發(fā)微信登錄授權(quán),并給出示例代碼。因此,我們的代碼大致:

      請注意,官方文件是微信="微信",我們在mpvue當然要改成@微信="微信"。

      然后添加一種方法:

      以上代碼也是修改官網(wǎng)提供的例子。注意兩點:

      測試過程:從開發(fā)者工具中點擊微信,然后觀察控制臺,等幾秒鐘就會打印出自己的用戶信息。

      默認情況下,mpvue沒有安裝scss所以我們手動安裝相關(guān)依賴:



      Mpvue開發(fā)小程序開發(fā)環(huán)境搭建過程 希望這篇文章對您有幫助.

      上海西陸信息科技有限公司 承接各類微信小程序開發(fā)制作、小程序定制、APP 網(wǎng)站 開發(fā)制作,聯(lián)系電話 18221533805、15900430334

      為您推薦

      如果我從非正規(guī)渠道采購,會有什么風險?

      西陸家政,西陸二手市場,西陸招聘,西陸房地產(chǎn),西陸旅游,西陸健身

      采購成品系統(tǒng)代碼一定要正規(guī)渠道嗎

      西陸成品系統(tǒng):西陸家政,西陸房產(chǎn),西陸招聘,西陸旅游,西陸二手市場,西陸健身

      西陸招聘成品系統(tǒng)

      西陸房產(chǎn)成品系統(tǒng)

      西陸家政成品系統(tǒng)

      西陸教育成品系統(tǒng)

      西陸二手市場成品系統(tǒng)

      西陸旅游成品系統(tǒng)

      西陸健身成品系統(tǒng)

      短視頻劇本|“瘋狂小楊哥”的爆火之路:人物關(guān)系反差

      關(guān)注短視頻編劇微信官方賬號,999個精品短劇本,免費領(lǐng)取!滿屏百萬贊的小楊哥短視頻紅人那么多,滿屏百...

      2年漲粉3800萬,零演技網(wǎng)紅——瘋狂小楊哥,為何會如此火?

      共享儲物柜小程序APP 必要的功能

      一、共享儲物柜小程序開發(fā)功能1.自動定位功能:有些商場或展會面積較大,共享儲物柜小程序可以通過定位功...

      小程序 開發(fā)公司 聊應(yīng)用基礎(chǔ)模塊

      一、主要功能微信小程序功能分為管理員和非管理員功能。系統(tǒng)擁有多個非管理員用戶,管理員用戶僅有一個角色...

      生鮮小程序APP要知道什么

      1授權(quán)登錄有利于用戶了解相關(guān)促銷活動實現(xiàn)多次訪問,同時在下單支付時直接引用個人信息,不用多次輸入收貨...

      房產(chǎn)APP小程序開發(fā)須知

      1、地理位置  地理位置,用戶可以通過房產(chǎn)APP能在地圖上直接看到房源位置。也能看到房產(chǎn)周邊的環(huán)境,...

      教育類商城系統(tǒng)與教育小程序商城

      聊電商APP小程序模塊

      1、圖文視頻:利用圖文視頻控件,可以對產(chǎn)品進行精美詳細的介紹。2、導航功能:歷史記錄、標簽等等。3、...

      教育小程序開發(fā)功能

      開發(fā)一款教育小程序,需要哪些基本功能?

      聊聊 交友APP 小程序

      交友APP開發(fā)的需求1、實名認證:必須實名制之后才可以使用,確保雙方的權(quán)益保障。2、偏好選擇:用戶可...
      主站蜘蛛池模板: 久久无码精品一区二区三区| 国产一区二区精品尤物| 日本在线电影一区二区三区| 国产成人AV一区二区三区无码| 日本一区二区三区在线视频| 国产乱码精品一区三上| 狠狠综合久久AV一区二区三区 | 无码少妇一区二区| 日本一区二区三区免费高清| 无码人妻品一区二区三区精99 | 伊人精品视频一区二区三区| 国产午夜精品一区二区三区极品| 日本不卡一区二区三区视频| 成人一区二区免费视频| 久久精品国产一区| 无码国产精品一区二区免费16 | 无码人妻精品一区二区三区99性| 国产丝袜视频一区二区三区 | av无码一区二区三区| A国产一区二区免费入口 | 亚洲第一区在线观看| 久久精品动漫一区二区三区| 国产精品日韩一区二区三区| 国产一区二区三区日韩精品| 亚洲宅男精品一区在线观看| 日韩一区精品视频一区二区| 日本精品少妇一区二区三区| 亚洲成在人天堂一区二区| 精品免费AV一区二区三区| 亚洲国产一区国产亚洲| 国产一区二区视频在线播放| 久久久人妻精品无码一区| 国产一区二区精品久久凹凸| 国产乱码精品一区二区三区中文| 亚洲国产精品乱码一区二区| 天堂资源中文最新版在线一区| 精品一区二区三区无码免费视频| 色狠狠色狠狠综合一区| 精品无人乱码一区二区三区 | www.亚洲一区| 日韩精品成人一区二区三区|