国产 无码 综合区,色欲AV无码国产永久播放,无码天堂亚洲国产AV,国产日韩欧美女同一区二区

快速上手微信小程序(純原生)基于微信開發(fā)者工具+云開發(fā)

這篇具有很好參考價值的文章主要介紹了快速上手微信小程序(純原生)基于微信開發(fā)者工具+云開發(fā)。希望對大家有所幫助。如果存在錯誤或未考慮完全的地方,請大家不吝賜教,您也可以點擊"舉報違法"按鈕提交疑問。

寫在前面

最近開發(fā)一個小程序。因為體量實在不大,兩張表,幾個接口。便打算寫原生的代碼。沒有使用uniapp等框架。記錄一下一個小程序從搭建到審核發(fā)布的那些坑和經(jīng)驗做為學(xué)習(xí)筆記。

幾個網(wǎng)站請收藏

你的小程序需要開發(fā)工具: 保姆級傳送門
你的小程序需要一個身份證: 微信公眾平臺
你的開發(fā)需要文檔:開發(fā)文檔

下導(dǎo)航欄的一些坑

這個功能參照開發(fā)文檔寫就可以了。
快速上手微信小程序(純原生)基于微信開發(fā)者工具+云開發(fā)

{
  "pages": [
    "pages/index/index",
    "pages/registerInput/index",
    "pages/mine/index"

  ],
  "window": {
    "backgroundColor": "#F6F6F6",
    "backgroundTextStyle": "light",
    "navigationBarBackgroundColor": "#F6F6F6",
    "navigationBarTitleText": "INTCO取件",
    "navigationBarTextStyle": "black"
  },
  "tabBar": {  
   "color": "#a9b7b7",  
   "selectedColor": "#11cd6e",  
   "borderStyle": "black" ,
   "list": [{  
     "selectedIconPath": "images/home.png",  
     "iconPath": "images/home.png",  
     "pagePath": "pages/index/index",  
     "text": "首頁"  
   }, {  
     "selectedIconPath": "images/add.png",  
     "iconPath": "images/add.png",  
     "pagePath": "pages/registerInput/index",  
     "text": "添加取件碼"  
   },{  
     "selectedIconPath": "images/mine.png",  
     "iconPath": "images/mine.png",  
     "pagePath": "pages/mine/index",  
     "text": "我的"  
   }
   ]  
 },

  "sitemapLocation": "sitemap.json",
  "style": "v2"
}

注意:
1、導(dǎo)航欄至少兩個內(nèi)容。
2、page的路徑/index
3、別忘了創(chuàng)建頁面后一定要在這里“注冊”

建立數(shù)據(jù)庫、云服務(wù)

因為之前就做前端,前端的任務(wù)就不贅述。主要介紹如何使用云服務(wù)。
前提:正式的小程序ID
當(dāng)一個小程序關(guān)聯(lián)了一個微信賬號。他就算有了正式的ID。快速上手微信小程序(純原生)基于微信開發(fā)者工具+云開發(fā)
在開發(fā)者工具中就出現(xiàn)了云開發(fā)模塊。
點擊直接開通就可以了。

建立數(shù)據(jù)庫并創(chuàng)建表

快速上手微信小程序(純原生)基于微信開發(fā)者工具+云開發(fā)
可視化的創(chuàng)建,和MongoDB異曲同工之妙。

連接數(shù)據(jù)庫

連接數(shù)據(jù)庫的代碼如下

			let db = wx.cloud.database({
					evn: '你的云服務(wù)環(huán)境ID'
			});

至于環(huán)境ID 在云服務(wù)概覽右上角就可以看到啦。
拿著這個db就可以做數(shù)據(jù)庫的操作拉。
無非增刪改查,不再贅述。

進(jìn)行多條件查詢的坑

首先看看官方文檔給出的答案:

const _ = db.command
db.collection('todo').where({
  progress: _.gt(80).or(_.lt(20))
})

我把第一行代碼漏了,一直報錯!千萬別忘了const _ = db.command

get數(shù)據(jù)庫默認(rèn)只讀20條怎么辦

展示的時候如果不做分頁,就想全部進(jìn)行展示,但是讀數(shù)據(jù)庫只會讀前20條。
for和skip來進(jìn)行組合使用是解決這個問題的方法之一。
eg:

const _ = db.command 
      let arraypro = []
      for (let index = 0; index < 3; index++) {
        db.collection('數(shù)據(jù)庫表的名稱').where({
          registerTime: _.or(dateForSearch,dateForSearchTwo)
      }).skip(index*20).get({ //這里就是對index頁的表數(shù)據(jù)進(jìn)行查詢
          success: res => {
            // console.log('success')
            // console.log(res.data)
            //for循環(huán) 數(shù)據(jù)暫存至arraypro
            for (let j = 0; j < res.data.length; j++) {
              arraypro.push(res.data[j]) //把查詢出來的數(shù)據(jù)進(jìn)行儲存
            }
            console.log(arraypro)
            let tempData = arraypro.sort(function(a,b){
              return a.status - b.status 
            })
            this.setData({
              listData: tempData
            })
          }
        })
      }

核心就是個for+skip

小程序的代碼上傳-審核-發(fā)布的坑

敲重點了。如果你想把你做好的小程序發(fā)布到公網(wǎng)(讓所有人都能訪問)。那么需要將你的代碼進(jìn)行提交-審核-發(fā)布。

上傳

開發(fā)工具右上角

審核

當(dāng)你上傳完代碼之后來到公眾平臺。
快速上手微信小程序(純原生)基于微信開發(fā)者工具+云開發(fā)
如果你的小程序不涉及收集用戶的信息,只是做為一個學(xué)習(xí)練習(xí)。那么審核一般就直接會通過。如果如同我寫的小程序那樣涉及收集用戶信息的模塊。則會審核失敗并且提示:
快速上手微信小程序(純原生)基于微信開發(fā)者工具+云開發(fā)
1: 你好,你的小程序涉及收集、存儲用戶身份信息,平臺暫不支持此功能,請修改。
需要添加:
快速上手微信小程序(純原生)基于微信開發(fā)者工具+云開發(fā)
以及一個用戶須知。

wx.showModal({
  title: '《隱私政策》',
  content: '本軟件尊重并保護(hù)所有使用服務(wù)用戶的個人隱私權(quán)。為了給您提供更準(zhǔn)確、更有個性化的服務(wù),本軟件會按照本隱私權(quán)政策的規(guī)定使用和披露您的個人信息。但本軟件將以高度的勤勉、審慎義務(wù)對待這些信息。除本隱私權(quán)政策另有規(guī)定外,在未征得您事先許可的情況下,本軟件不會將這些信息對外披露或向第三方提供。本軟件會不時更新本隱私權(quán)政策。您在同意本軟件服務(wù)使用協(xié)議之時,即視為您已經(jīng)同意本隱私權(quán)政策全部內(nèi)容。本隱私權(quán)政策屬于本軟件服務(wù)使用協(xié)議不可分割的一部分。1.適用范圍a)在您使用本軟件網(wǎng)絡(luò)服務(wù),本軟件自動接收并記錄的您的手機(jī)上的信息,包括但不限于您的健康數(shù)據(jù)、使用的語言、訪問日期和時間、軟硬件特征信息及您需的網(wǎng)頁記錄等數(shù)據(jù);2.信息的使用a)在獲得您的數(shù)據(jù)之后,本軟件會將其上傳至服務(wù)器,以生成您的排行榜數(shù)據(jù),以便您能夠更好地使用服務(wù)。3.信息披露a)本軟件不會將您的信息披露給不受信任的第三方。b)根據(jù)法律的有關(guān)規(guī)定,或者行政或司法機(jī)構(gòu)的要求,向第三方或者行政、司法機(jī)構(gòu)披露;c)如您出現(xiàn)違反中國有關(guān)法律、法規(guī)或者相關(guān)規(guī)則的情況,需要向第三方披露;4.信息存儲和交換本軟件收集的有關(guān)您的信息和資料將保存在本軟件及(或)其關(guān)聯(lián)公司的服務(wù)器上,這些信息和資料可能傳送至您所在國家、地區(qū)或本軟件收集信息和資料所在的境外并在境外被訪問、存儲和展示。5.信息安全a)在使用本軟件網(wǎng)絡(luò)服務(wù)進(jìn)行網(wǎng)上交易時,您不可避免的要向交易對方或潛在的交易對方披露自己的個人信息,如聯(lián)絡(luò)方式或者郵政地址。請您妥善保護(hù)自己的人信息,僅在必要的情形下向他人提供。如您發(fā)現(xiàn)自己的個人信息泄密,請您立即聯(lián)絡(luò)本軟件客服,以便本軟件采取相應(yīng)措施。',
  success (res) {
    if (res.confirm) {
      console.log('用戶點擊確定')
      wx.showModal({
  title: '用戶告知及《用戶服務(wù)協(xié)議》',
  content: 'xxxxx',
  success (res) {
    if (res.confirm) {
      console.log('用戶點擊確定')
    } else if (res.cancel) {
      console.log('用戶點擊取消')
    }
  }
})
    } else if (res.cancel) {
      console.log('用戶點擊取消')
    }
  }
})
寫在后面

相同的代碼早上審核不通過,下午審核通過,有時候就是玄學(xué),多嘗試幾遍文章來源地址http://www.zghlxwxcb.cn/news/detail-496216.html

到了這里,關(guān)于快速上手微信小程序(純原生)基于微信開發(fā)者工具+云開發(fā)的文章就介紹完了。如果您還想了解更多內(nèi)容,請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!

本文來自互聯(lián)網(wǎng)用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務(wù),不擁有所有權(quán),不承擔(dān)相關(guān)法律責(zé)任。如若轉(zhuǎn)載,請注明出處: 如若內(nèi)容造成侵權(quán)/違法違規(guī)/事實不符,請點擊違法舉報進(jìn)行投訴反饋,一經(jīng)查實,立即刪除!

領(lǐng)支付寶紅包贊助服務(wù)器費用

相關(guān)文章

  • 無需編程經(jīng)驗,也能制作租車預(yù)約微信小程序,快速上手

    無需編程經(jīng)驗,也能制作租車預(yù)約微信小程序,快速上手

    現(xiàn)在,制作租車預(yù)約微信小程序不再需要編程經(jīng)驗,只需幾個簡單的步驟,您就可以擁有自己的租車預(yù)約微信小程序。在本文中,我們將介紹如何利用喬拓云網(wǎng)后臺來制作租車預(yù)約微信小程序,并實現(xiàn)您所需的功能。 首先,我們需要進(jìn)入喬拓云網(wǎng)后臺,并點擊【輕應(yīng)用小程序

    2024年02月09日
    瀏覽(90)
  • 微信小程序開發(fā)者工具下載

    微信小程序開發(fā)者工具下載

    微信開發(fā)者工具下載地址與更新日志 | 微信開放文檔 (qq.com) 下載安裝好后,軟件圖標(biāo)如下圖所示。 運行軟件如下圖所示,這時候就需要使用你的管理員賬號掃碼登錄。 登陸后的界面,如下圖所示??梢皂椖糠譃閮深悾?小程序項目、公眾號網(wǎng)頁項目 。其中,小程序項目又細(xì)

    2024年04月23日
    瀏覽(503)
  • [微信小程序開發(fā)者工具] × #initialize

    [微信小程序開發(fā)者工具] × #initialize

    [微信小程序開發(fā)者工具] × #initialize-error: [error] 工具的服務(wù)端口已關(guān)閉。要使用命令行調(diào)用工具,請在下方輸入 y 以確認(rèn)開啟,或手動打開工具 - 設(shè)置 - 安全設(shè)置,將服務(wù)端口開啟。 從HBuilder運行到微信小程序的時候報錯 解決辦法: 打開微信開發(fā)者工具,選擇設(shè)置–通用設(shè)

    2024年02月11日
    瀏覽(100)
  • 【微信小程序】微信開發(fā)者工具安裝less插件

    【微信小程序】微信開發(fā)者工具安裝less插件

    微信小程序:本文主要是關(guān)于如何在微信開發(fā)者工具中安裝less插件 不知道大家有沒有像我一樣習(xí)慣在vscode里面用慣了less,當(dāng)需要用微信開發(fā)者工具開發(fā)小程序時,如果沒有這個會有些不習(xí)慣,下面就簡單介紹一下,如何在微信開發(fā)者工具中安裝less插件。 less:是一個CSS預(yù)處

    2024年02月04日
    瀏覽(100)
  • 微信小程序:微信開發(fā)者工具安裝less插件

    微信小程序:微信開發(fā)者工具安裝less插件

    微信小程序:本文主要是關(guān)于如何在微信開發(fā)者工具中安裝less插件 不知道大家有沒有像我一樣習(xí)慣在vscode里面用慣了less,當(dāng)需要用微信開發(fā)者工具開發(fā)小程序時,如果沒有這個會有些不習(xí)慣,下面就簡單介紹一下,如何在微信開發(fā)者工具中安裝less插件。 less:是一個CSS預(yù)處

    2024年02月14日
    瀏覽(446)
  • 【微信小程序】--注冊小程序賬號&安裝開發(fā)者工具(一)

    【微信小程序】--注冊小程序賬號&安裝開發(fā)者工具(一)

    ?? 所屬專欄:【微信小程序開發(fā)教程】 ?? 作??者:我是夜闌的狗?? ?? 個人簡介:一個正在努力學(xué)技術(shù)的CV工程師,專注基礎(chǔ)和實戰(zhàn)分享 ,歡迎咨詢! ?? 歡迎大家:這里是CSDN,我總結(jié)知識的地方,喜歡的話請三連,有問題請私信 ?? ?? ?? ??大家好,又見面了,

    2024年01月17日
    瀏覽(94)
  • 【微信小程序】微信Web開發(fā)者工具下載及安裝

    【微信小程序】微信Web開發(fā)者工具下載及安裝

    ??今日學(xué)習(xí)目標(biāo):微信Web開發(fā)者工具下載及安裝 ??創(chuàng)作者:顏顏yan_ ?個人主頁:顏顏yan_的個人主頁 ?預(yù)計時間:25分鐘 ??專欄系列:微信小程序開發(fā) 什么是微信小程序? 小程序是一種不需要下載安裝即可使用的應(yīng)用,它實現(xiàn)了應(yīng)用“觸手可及”的夢想,用戶掃一掃或者

    2024年02月09日
    瀏覽(93)
  • 微信小程序?qū)崿F(xiàn)簡單的點擊切換功能(微信開發(fā)者工具)

    微信小程序?qū)崿F(xiàn)簡單的點擊切換功能(微信開發(fā)者工具)

    ??文章目錄 ??首先創(chuàng)建一個簡單的切換按鈕?? 如圖下 ???wxml代碼 ???wxss代碼 ??但是這個元素是無法點擊的,所以要添加一個點擊事件到這兩個元素里面 ???js代碼(在page({})里面添加) ??wxml代碼 ???class使用三元表達(dá)式來繼續(xù)點擊判斷 ???使用bindtap綁定事件 ?事件的

    2024年02月09日
    瀏覽(832)
  • 深入淺出Docker:Java開發(fā)者的快速上手指南

    深入淺出Docker:Java開發(fā)者的快速上手指南

    在今天的軟件開發(fā)環(huán)境中,Docker已經(jīng)成為了一種常見的開發(fā)和部署工具。無論你是前端開發(fā)者、后端開發(fā)者,還是DevOps工程師,理解并掌握Docker都將成為你所必須的技能。對于Java開發(fā)者來說,使用Docker可以極大地提高你的生產(chǎn)力。那么,如何使用Docker來部署Java應(yīng)用呢?本文

    2024年02月07日
    瀏覽(94)
  • 小程序用戶隱私新規(guī),微信小程序開發(fā)者需滿足新要求

    小程序用戶隱私新規(guī),微信小程序開發(fā)者需滿足新要求

    微信公眾平臺運營中心最新公告指出,從2023年9月15日開始,涉及處理用戶個人信息的小程序開發(fā)者需要滿足新要求。開發(fā)者須主動同步用戶同意并遵守小程序的隱私保護(hù)指引和其他信息處理規(guī)則,方可調(diào)用微信提供的隱私接口。 并且,在確認(rèn)小程序是否涉及處理用戶個人信

    2024年02月09日
    瀏覽(104)

覺得文章有用就打賞一下文章作者

支付寶掃一掃打賞

博客贊助

微信掃一掃打賞

請作者喝杯咖啡吧~博客贊助

支付寶掃一掃領(lǐng)取紅包,優(yōu)惠每天領(lǐng)

二維碼1

領(lǐng)取紅包

二維碼2

領(lǐng)紅包