专栏首页IT技术圈(CSDN)刷题小程序【程序猿面试宝典】开发(一)| 项目概述与前期准备

刷题小程序【程序猿面试宝典】开发(一)| 项目概述与前期准备

1、项目概述

1、概述与主要功能

2、实现技术

使用技术:原生微信小程序语言 + 云开发

2、前期准备

1、注册微信小程序

1、访问 https://mp.weixin.qq.com/,点击小程序。

2、翻到最下面,继续点击 前往注册

3、根据指引,完善相关信息,完成注册即可。

2、创建普通小程序项目

1、在你的电脑任意盘符中新建 mini-shuati 文件夹

2、打开小程序开发工具,完成下图所示步骤

AppID在登录注册号的小程序候可以看到,点击开发设置 -》复制 AppID

3、开通云服务

1、创建好项目后开始配置云服务,首先在 project.config.json 中添加一行代码:

“cloudfunctionRoot” : “cloudfunctions”,

这里需要注意最后的逗号

2、然后新建文件夹:cloudfunctions,与 pages 文件夹同级,名称必须与 project.config.json 中添加的配置名称一致

3、完成以上步骤后,可能会出现下图所示的问题(未选择环境),这是因为我们还没有初始化云环境

4、初始化云环境。

点击开发者工具中的 云开发,如下图:

跳转到如下界面,直接复制 云环境ID 即可

接下来在 app.js 中的 onLaunch 函数中添加如下代码:

wx.cloud.init({
  env: "你的云环境ID"
})

最后重新编译小程序

看到下图说明云环境配置成功了

注意:根据上述步骤配置完成后仍提示“未选择环境”,建议关闭开发者工具,重新打开。

4、测试云服务

1、右击 cloudfunctions --》新建 Node.js 云函数,这里命名为 test(自己根据情况而定)

打开 index.js 默认内容如下,这里我们不做修改

// 云函数入口文件
const cloud = require('wx-server-sdk')

cloud.init()

// 云函数入口函数
exports.main = async (event, context) => {
  const wxContext = cloud.getWXContext()

  return {
    event,
    openid: wxContext.OPENID,
    appid: wxContext.APPID,
    unionid: wxContext.UNIONID,
  }
}

2、右击云函数 test --》 上传并部署:所有文件

这里可能提示 wx-server-sdk 未安装,如下图

出现这种情况如何解决呢?需要为云函数安装wx-server-sdk依赖,在cmd中进入云函数所在的文件夹(可以直接在微信开发者工具中右键在终端打开),然后输入:

npm install --save wx-server-sdk@latest

安装成功后,在云函数的目录下会多一个package-lock.json文件,这就成功了。

注意:要使用云函数必须先安装node.js,安装后在cmd中输入node -v 和 npm -v打印版本号就可以知道是否安装成功。

依赖安装成功后,重新上传部署云函数即可,(可以在云函数控制台看到)

3、测试云函数

在 app.js 中的 onLaunch 函数中添加如下代码:

wx.cloud.callFunction({
      name: 'test',
      success: function(res){
        console.log('云函数调用成功,',res)
      },
      fail: function(res){
        console.log('云函数调用失败,',res)
      }
    })

保存,重现编译查看控制台,出现如下图就说明云函数调用成功了

5、优化小程序目录结构

完成以上步骤后,项目的基本结构已经搭建完成,但可能会出现下图所示的警告,看着很碍眼,需要我们解决下

1、在 project.config.json 文件 { } 内最顶部输入:

“miniprogramRoot”: “miniprogram/”,

这里需要注意最后面的逗号

2、新建 miniprogram 文件夹,与 pages 同级

3、将所有文件放到该文件中(除 project.config.json和 cloudfunctionRoot[⬅云开发项目文件]),完成后目录结构如下图所示:

重新编译,就没有上述警告了!!

好了,本期就到这里,下期文章继续更新。如果文章对你有用记得点赞分享。

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 刷题小程序【程序猿面试宝典】开发(二)| 页面创建、页面配置、全局配置

    1、在创建页面之前,我们先把上期创建小程序时自动生成的页面(index、logs)删了,使结构更加清晰。

    C you again 的博客
  • 教程 | 在华为鸿蒙OS上尝鲜,第一个“hello world”

    来源:https://my.oschina.net/u/169565/blog/4557279

    java进阶架构师
  • 1024程序猿节:致敬改变世界的你

    ? 如果你是70后程序猿,你也许还记得286机器特有的味道; 如果你是80后程序猿,为你打开编程大门的可能是小霸王学习机; 如果你是90后程序猿,在花花世界中...

    腾讯技术工程官方号
  • 低学历没饭吃?一个老Android的心酸面试历程,同是六年菜鸟偏偏我最难熬

    因为公司要搬离上海,所以只能出来找工作了,这段时间被虐的够惨的,一个学历就被搞死了,同事工作经验跟我差不多,都是6年的老菜鸟,本科,投了10家面了两家,我投了几...

    Android技术干货分享
  • 金三银四铜五铁六

    ,以下全文均用LB代替)恰逢是这批面试大军其中的一名小兵,很不幸今年恰逢遇上了互联网寒冬(即各大公司都在裁员,对外提供岗位相对较少的,这意味着很多猿即将面临着更...

    lyb-geek
  • “围剿”黑产,揭秘O2O、电商和互联网金融的大数据风控之道

    【数据猿导读】 1月13日,由DataFun、数据猿主办的《算法架构系列活动—大数据风控技术应用》在洪泰创新空间举办,本期活动聚焦大数据风控和反欺诈应用,邀请了...

    数据猿
  • 2021Android 面试宝典:实战记录+回答技巧,让每个知识知其所以然!(持续更新中)

    该面试宝典不仅收录了本人亲身面试遇到的问题,还收录了从一些朋友那里收集过来的问题。在以后的工作中本 人也会不断的更新和充实该面试宝典,当然也希望大家能够多多奉献...

    Android技术干货分享
  • 面试碰壁如何力挽狂澜,不用眼红“他们”,有了这份Android指南你也可以有绿色通道!

    疫情之下,各个企业都在缩小招聘需求,但近 30% 的互联网企业却逆袭扩招,给出的薪资也一个比一个高。这对程序员群体来说,无疑是一个好机会。

    Android技术干货分享
  • 安卓:如何跟大厂面试官周旋下拔得头筹?大厂面试攻略配上这个职业规划方案是真的香!

    马上就又要到金三银四求职的黄金期了,很多资深面试官都说其实他们每天都要面试考核很多应聘者,但是通过的人却寥寥无几。他们有几个面试观点可能比较重要,对你的面试和职...

    Android技术干货分享
  • 解决 idea 使用过程中让你觉得不爽的一些问题

    来源:https://juejin.im/post/6854573211779579918

    java进阶架构师
  • 程序猿的中年危机,其实是个伪命题

    ? ? 中年危机一词,常与程序猿相挂钩。程序猿=青春饭这一概念也是广为流传。 ? ? 知乎问答上不断浮现的关于程序猿的中年危机的提问。让小E觉得不得不说一说。...

    腾讯NEXT学位
  • 面试官问:MySQL 的自增 ID 用完了,怎么办?

    公众号改版后文章乱序推荐,希望你可以点击上方“Java进阶架构师”,点击右上角,将我们设为★“星标”!这样才不会错过每日进阶架构文章呀。

    java进阶架构师
  • 北大“女学霸”,3 个月内拿取硅谷10 家顶级科技公司offer!

    经过 3 个月精心准备,我拿到了 Google,Facebook,Netflix,linkedin,Snapchat,Roku TV,Amazon,Signal...

    秃顶的Java程序员
  • 人工智能时代,如何做好内容审核和流量反作弊?

    数据猿
  • 一次完整的性能测试,测试人员需要做什么?

    规范的性能测试实施流程能够加强测试工作流程控制,明确性能测试各阶段应完成的工作,指导测试人员正确、有序的开展性能测试工作,提高各角色在性能能测试中的工作效率。本...

    海涛
  • 写给Java程序员看的算法学习指南!

    大家好,我是 Guide 哥!这篇文章我会推荐一些关于算法学习的书籍以及资源。希望对大家学习算法有帮助!

    Guide哥
  • 大佬经验| 大三、研二的秋招备战路线(Java、大数据)

    1.分享经验。从去年五月份到今年五月份,我面试了n家公司,也收了(n/2+10)家的offer,经历了两个春招一个秋招,其中有腾讯、今日头条、京东等offer。...

    Python进击者
  • 几个 GitHub 上算法开源项目,超 2W 的关注

    算法(Algorithm)在百度百科里是指解题方案的准确而完整的描述,是一系列解决问题的清晰指令,算法代表着用系统的方法描述解决问题的策略机制 。算法对于每个程...

    开发者技术前线
  • “刷一波” 程序员面试题,掌握八成便可BATJ一试~

    最近看见了很多程序员成功入的BAT,小编这里在网上搜集了一些国内一线互联网公司的面试题和面试技巧,特此整理分享给需要的技术人员,看你和BAT之间差了多少!

    Java架构技术

扫码关注云+社区

领取腾讯云代金券