第一章总结

最新推荐文章于 2024-09-30 11:27:43 发布

hgmj

最新推荐文章于 2024-09-30 11:27:43 发布

阅读量812

点赞数 20

文章标签： eclipse

本文链接：https://blog.csdn.net/qq_74736165/article/details/136392869

版权

认识微信小程序

简介微信 (WeChat) 是腾讯公司于 2011 年 1 月 21 日出的一为能终提供通(Instant Messaging，IM)服务的应用程序
微信之父张小龙曾经解释:小程序是一种不需要下载安装即可使用的应用。它实现了官用“触手可及”的梦想，用户扫一扫 (二维码) 或者搜一下(关键词) 即可打开应用信小程序体现了“用完即走”的理念，用户不用关心是否安装太多应用的间题。有了小程序，应用将无处不在，随时可用，且无须安装与卸载。
小程序、订阅号、服务号、企业微信 (企业号) 属于微信公众平台的四大生态体系它们面向不同的用户群体，应用于不同的方向和用途。小程序是微信的一种新的开发能力具有出色的用户使用体验，可以在微信内被便捷地获取和传播;订阅号为媒体和个人提供种新的信息传播方式，构建信息发布者与浏览者之间更好的沟通与管理模式:服务号为企和组织提供更强大的服务与用户管理能力，帮助企业快速实现全新的公众号服务平台:企微信(公众号)为企业提供专业的通信工具、丰富的办公应用与应用程序接口(ApphicatioProgrammingInterface，API)，助力企业高效沟通与办公。

优势小程序嵌人微信之中，不需要下载安装外部应用，用户通过扫描二维码和搜索相关功能的关键词即可使用，具备无须安装、触手可及、用完即走、无须卸载的特性。小程序可以被理解为“镶嵌在微信的超级App”。
1.无须安装小程序内嵌于微信程序之中，用户在使用过程中无须在应用商店下载安装外部应用.
用户通过扫描二维码等形式直接进人小程序，实现线下场景与线上应用的即时联通
2.触手可及
用户在线下场景中，当有相关需求时，可以直接接人小程序，使用服务功能后便可以对其不理会，实现用完即走。
3.用完即走
4.无须卸载
用户在访问小程序后可以直接关闭小程序，无须卸载。

场景

张小龙先生希望微信小程序对用户来说，应该是“无处不在、触手可及、随时可用、用完即走

我的第一个小程序

/*
 * Eslint config file
 * Documentation: https://eslint.org/docs/user-guide/configuring/
 * Install the Eslint extension before using this feature.
 */
module.exports = {
  env: {
    es6: true,
    browser: true,
    node: true,
  },
  ecmaFeatures: {
    modules: true,
  },
  parserOptions: {
    ecmaVersion: 2018,
    sourceType: 'module',
  },
  globals: {
    wx: true,
    App: true,
    Page: true,
    getCurrentPages: true,
    getApp: true,
    Component: true,
    requirePlugin: true,
    requireMiniProgram: true,
  },
  // extends: 'eslint:recommended',
  rules: {},
}

{
  "miniprogramRoot": "miniprogram/",
  "cloudfunctionRoot": "cloudfunctions/",
  "setting": {
    "urlCheck": true,
    "es6": true,
    "enhance": true,
    "postcss": true,
    "preloadBackgroundData": false,
    "minified": true,
    "newFeature": true,
    "coverView": true,
    "nodeModules": false,
    "autoAudits": false,
    "showShadowRootInWxmlPanel": true,
    "scopeDataCheck": false,
    "uglifyFileName": false,
    "checkInvalidKey": true,
    "checkSiteMap": true,
    "uploadWithSourceMap": true,
    "compileHotReLoad": false,
    "useMultiFrameRuntime": true,
    "useApiHook": true,
    "useApiHostProcess": true,
    "babelSetting": {
      "ignore": [],
      "disablePlugins": [],
      "outputPath": ""
    },
    "enableEngineNative": false,
    "useIsolateContext": true,
    "useCompilerModule": true,
    "userConfirmedUseCompilerModuleSwitch": false,
    "userConfirmedBundleSwitch": false,
    "packNpmManually": false,
    "packNpmRelationList": [],
    "minifyWXSS": true
  },
  "appid": "wxdfa213b4821d2037",
  "projectname": "quickstart-wx-cloud",
  "libVersion": "2.20.1",
  "cloudfunctionTemplateRoot": "cloudfunctionTemplate/",
  "condition": {
    "search": {
      "list": []
    },
    "conversation": {
      "list": []
    },
    "plugin": {
      "list": []
    },
    "game": {
      "list": []
    },
    "miniprogram": {
      "list": [
        {
          "id": -1,
          "name": "db guide",
          "pathName": "pages/databaseGuide/databaseGuide"
        }
      ]
    }
  },
  "compileType": "miniprogram",
  "srcMiniprogramRoot": "miniprogram/",
  "packOptions": {
    "ignore": [],
    "include": []
  },
  "editorSetting": {
    "tabIndent": "insertSpaces",
    "tabSize": 2
  }
}

{
  "setting": {
    "compileHotReLoad": true
  },
  "condition": {
    "miniprogram": {
      "list": [
        {
          "name": "db guide",
          "pathName": "pages/databaseGuide/databaseGuide",
          "query": ""
        },
        {
          "name": "pages/getOpenId/index",
          "pathName": "pages/getOpenId/index",
          "query": "",
          "scene": null
        },
        {
          "name": "pages/deployService/index",
          "pathName": "pages/deployService/index",
          "query": "",
          "scene": null
        },
        {
          "name": "pages/selectRecord/index",
          "pathName": "pages/selectRecord/index",
          "query": "",
          "scene": null
        },
        {
          "name": "pages/sumRecordResult/index",
          "pathName": "pages/sumRecordResult/index",
          "query": "",
          "scene": null
        },
        {
          "name": "pages/updateRecord/index",
          "pathName": "pages/updateRecord/index",
          "query": "",
          "scene": null
        },
        {
          "name": "pages/updateRecordResult/index",
          "pathName": "pages/updateRecordResult/index",
          "query": "",
          "scene": null
        },
        {
          "name": "pages/updateRecordSuccess/index",
          "pathName": "pages/updateRecordSuccess/index",
          "query": "",
          "scene": null
        }
      ]
    }
  },
  "description": "项目私有配置文件。此文件中的内容将覆盖 project.config.json 中的相同字段。项目的改动优先同步到此文件中。详见文档：https://developers.weixin.qq.com/miniprogram/dev/devtools/projectconfig.html",
  "projectname": "miniprogram-1"
}

${installPath} cloud functions deploy --e ${envId} --n quickstartFunctions --r --project ${projectPath}

运行结果

微信开发者界面功能介绍

1.工具栏
在工具栏中可以实现多种功能，例如账号的切换，模拟区、编辑区、调试区的显示/隐藏，小程序的编译、预览，切换后台，清理缓存等。
2.模拟区
在模拟区中选择模拟手机的类型、显示比例、网络类型后，模拟器中会显示小程序的运行效果。
3.目录文件区
目录文件区用来显示当前项目的目录结构，单击左上角的“+”按钮可以进行目录和文件的创建，右键单击目录文件区中的文件或目录可以进行“硬盘打开”“重命名”“删除”等相关操作。
4.编辑区
编辑区用来实现对代码的编辑操作，编辑区中支持对.wml、.wxss、j 及json 文件的操作，使用组合键能提高代码的编辑效率

5.调试区
调试区的功能是帮助开发者进行代码调试及排查有问题的区域。小程序系统为开发者供了9个调试功能模块，分别是 Console、Sources、Network、Security、Storage、AppDiWxml、Sensor和Trace。最右边的扩展菜单项“:”是定制与控制开发工具按钮，