1. 程式人生 > >微信小程式外掛功能頁開發詳細流程

微信小程式外掛功能頁開發詳細流程

 有問題可以掃碼加我微信,有償解決問題。承接小程式開發。

微信小程式開發交流qq群   173683895  、 526474645 ;

正文:

關於新出的微信小程式外掛功能頁做一下記錄,希望能幫到大家

步驟:

1.開啟開發者工具,建立小程式外掛啟動模板,點選確定

2.在外掛自定義元件 list.wxml 中新增如下程式碼

<functional-page-navigator name="loginAndGetUserInfo" bind:success="loginSuccess">
  <button>登入到外掛</button>
</functional-page-navigator>

如圖:

3.在外掛所有者小程式 app.json 檔案中新增 functionalPages 定義段,其值為 true 。如圖:

4.把外掛和小程式的基礎庫版本調整成2.1.0以上,如圖:

5.手機掃碼預覽小程式外掛和小程式,完成。效果如圖:

相關推薦

程式外掛功能開發詳細流程

 有問題可以掃碼加我微信,有償解決問題。承接小程式開發。 微信小程式開發交流qq群   173683895  、 526474645 ; 正文: 關於新出的微信小程式外掛功能頁做一下記錄,希望能幫

程式提交稽核併發布詳細流程

微信小程式提交稽核併發布詳細流程 稽核在1小時到N天不等 官方7天,一般3天內 提交稽核?如何釋出?稽核過程中注意事項? 伺服器: 域名只支援 https (request、uploadFile、downloadFile) 和 wss (connectSocket) 協議 小程式必須使用 HTTPS

程式商城功能齊全定製開發

微笑暖人心,真情待客戶!山東帝雲資訊科技誠心×××,業務諮詢請找▍馬一13、4-06、99-08、27微/電 ▍淘寶京東盤踞電商行業十幾年,有成熟的體制,我的產品只用在線上傳就可以輕易上線銷售。我直接在淘寶,京東開店不好嗎?不容懷疑,淘寶和京東都是天然的流量池,對於企業短時間獲利有很大的好處,那為什

程式生成列表帶分功能 Thinkphp後臺呼叫資料庫

首先需要在app.json的window選項中或頁面配置中開啟enablePullDownRefresh "enablePullDownRefresh": true wxml頁面:  <view class="page-header"> <text c

程式外掛開發

【原文:https://www.cnblogs.com/niejunchan/p/8564020.html】   小程式外掛功能介紹 外掛,是可被新增到小程式內直接使用的功能元件。開發者可以像開發小程式一樣開發一個外掛,供其他小程式使用。同時,小程式開發者可直接在小程式內使用外

程式從零開始開發步驟(四)自定義分享的功能

上一章節,實現了小程式的底部導航的功能,這一節開始實現一些簡單的功能。本章節介紹的是小程式的自定義分享的功能。 可以分享小程式的任何一個頁面給好友或群聊。注意是分享給好友或群聊,並沒有分享到朋友圈。一方面微信在嘗試流量分發方式,但同時又不願意開放最大的流量入口。

程式音訊功能開發實(cai)踐(keng)

1. 需求分析與開發方案 1.1 需求簡介 最近產品給我們提出了“在小程式中播放音訊課程”的需求,主要是有四個要點: 課程管理:進入某個課程的播放頁面,獲取全部音訊列表,但暫時不播放。音訊管理:支援在播放頁面,點選任意音訊進行播放;可自動播放下一首。比如這樣

如何零基礎開發一款程式外掛?

  前不久,微信釋放了一個重磅新能力:微信小程式外掛功能。有了它,小程式開發者就可以通過這個功能,強化自身小程式能力;小程式服務提供商也可以用它,為開發者、使用者提供強大的小程式功能支援,進一步拓展小程式能力。如何從零開發一個外掛呢?今天,小豬CMS就來手把手,教你如何從零開

程式評論功能原始碼

  wxml:   <textarea class="input" bindinput='bindContent' value="" placeholder="請填寫評論內容 "></textarea>

程式之:雲開發初體驗--致我的第一個程式

背景:一直關注微信小程式的發展,看著小程式一步步完善,一步步壯大,心裡癢癢,也想做一個自己的微信小程式,但是苦於只會前端,不會服務端,所以想法一直被卡著。現在小程式有了雲開發,很輕鬆實現後端功能,寫後端跟寫前端沒啥區別,真的是前端小夥伴們的福音啊。 經過幾個晚上的熬夜奮戰,我的第一個微信小程式正式

程式評論功能實現原始碼,複製貼上

wxml: 傳送 js: var ComContent = ‘’ var CommentList = ‘[]’ var app = getApp() Page({ /** * */ data: { CommentList: [{}], bindContent: null, Co

[轉] 擴充套件程式框架功能

通過第三方 JavaScript 庫,擴充套件微信小程式框架功能。 擴充套件微信小程式框架功能(1)——Promise ES6 對 Promise 有了原生的支援,但微信開發者工具更新版本(0.11.112200)後, 移除了開發者工具對 ES6 中Promise 特性原生的支援, 需要引入第三

程式資訊功能解讀

1.資訊專區 在內容類,或者是內容電商類的小程式中,資訊專區都是一個必不可少的部分,它既能拓展商家在平臺上 的內容互動服務體系,還能豐富小程式內容,形成良好的閱讀環境,讓使用者擁有舒適的體驗。 所以,在小程式的首頁當中,我們可以將資訊的入口放出來,然後在資訊的欄目裡放置熱銷商品的介紹

程式之分載入的的案例

分頁載入功能大家遇到的應該會經常遇到,應用場景也很多,例如微博,QQ,微信朋友圈以及新聞類應用,都會有分頁載入的功能,這不僅節省了我們使用者的流量,還提升了使用者體驗。那麼今天的這篇文章就是介紹微信小程式中如何實現分頁載入的功能。照例先上原始碼及效果圖。 原始碼傳送門 要實現這樣的

wx-jq:一套完全原創的程式外掛集合庫

wx-jq (一套完全原創的微信小程式外掛集合庫) 微信小程式外掛,微信小程式元件,微信小程式外掛集合,微信小程式元件集合,微信小程式外掛學習,微信小程式外掛開發, 線上演示: 下載地址: 效果展示(截圖大部分來自真機蘋果5s,少量來自模擬

程式實現標籤滑塊效果

微信小程式實現標籤頁滑塊效果 小程式完整程式碼: wxml: <view class="swiper-tab"> <view class="swiper-tab-list {{currentTab==0 ? 'on' : ''}

程式支付功能,完成整個交易的思路和程式碼

開發工具:微信開發者工具,Intellij idea 2018 框架:spring boot  交易流程圖: 下面直接上程式碼: 1.在wxml新增一個支付按鈕,點選監聽payMethod方法 <view><button bindtap='pa

程式如何使用雲開發

微信小程式中的雲開發想必大家還不是很熟悉,因為雲開發也就是9月份上線的,相比之前大家對於資料庫的儲存都是用的是自己的伺服器,接下來這篇文章主要為大家介紹下怎麼使用雲開發,網上看過很多文章感覺介紹的不是很詳細,下面通過我個人親身經歷整理下自己的思路吧。 首先介紹下雲開發主要的

「騰訊視訊」程式外掛介紹

上期,我們在《從原理到應用,一文帶你瞭解小程式外掛能力》一文中介紹了小程式外掛的意義、作用以及應用。今天開始,我們會每期與大家分享一款優秀的小程式外掛,從使用場景到使用方法,都將作出詳細的介紹。 第一期與大家分享的小程式外掛,是「騰訊視訊」外掛。 「騰訊視訊」外

Python實現程式支付功能

由於最近自己在做小程式的支付,就在這裡簡單介紹一下講一下用python做小程式支付這個流程。當然在進行開發之前還是建議讀一下具體的流程,清楚支付的過程。 1.支付互動流程  2.獲取openid(微信使用者標識) 1 import requests 2 3 from config import