精华内容
下载资源
问答
  • 如何创建自己的小程序
    万次阅读
    2020-03-17 21:26:27

                                             创建微信小程序。

           这篇博客包括两个内容 1.创建微信小程序

                                                2.查看微信小程序的Appid以及生成密钥

    1.创建微信小程序

    (1).https://mp.weixin.qq.com/cgi-bin/wx微信小程序官网网址

      进入微信小程序官网后,页面的最下面有个  “注册按钮” -->点击绿色的“注册按钮”

     

    (2)开始注册,输入你的邮箱,密码,确认密码,验证码-->勾选协议--> 点击"注册按钮"

    (3)邮箱激活 :登录第一步提供的邮箱,会收到一条链接,点开链接

        注意:收的的链接是有时间限制的,一段时间不操作,会失效的

    (4)进行个人信息的填写  -->选择个人  

                                         -->填写下面标红的信息

    收到短信验证码后会出来一个二维码,用自己的微信扫一下

       注意:上面注册人的信息要和微信注册的信息一致

    微信扫完之后,点击继续

    到这里就注册成功了

    2.返回主页,查看Appid和生成密钥

       先点击自己的头像,然后点击名字,最后点击开发设置

     

    生成密钥需要用你注册的微信扫一下二维码,就可以查看密钥了,自己试试把,我就不加进去了。

    希望这篇博客能够帮助到大家,有不好需要改进的地方,或者有什么好的建议,欢迎大家给我留言,如果您喜欢的话,也可以转发,让更多的人少走弯路。谢谢您的观看!

     

    更多相关内容
  • 微信小程序创建步骤

    千次阅读 2022-04-28 23:23:41
    下载完成安装后,使用微信登录,点击小程序,开始创建小程序。AppID在小程序平台获取。 注:后端服务最好选择不使用云服务(自己初始化云环境),因为会带来很多没有用的文件格式,模板选择不使用模板。 获取...

    下载完成安装后,使用微信登录,点击小程序,开始创建小程序。AppID在小程序平台获取。

     

    注:后端服务最好选择不使用云服务(自己初始化云环境),因为会带来很多没有用的文件格式,模板选择不使用模板。

    获取AppID如图,点击开发管理后再点击开发设置,最后直接复制,避免不必要的错误。

    初始化云环境:点击云开发

    找到环境设置,复制环境ID

    如图在app.js中初始化云开发环境,输入环境ID

    onLaunch方法:小程序已启动就会执行。

    // app.js
    App({
        onLaunch(){
            console.log('小程序开始启动啦')
            wx.cloud.init({
                env:'输入云开发环境ID'//云开发环境id
            })
        }
    })

    云数据库创建:

    在app.json中创建文件夹格式如图

    (注:页面和页面之间用“,”隔开,最后一页不用。)

    点击云开发,然后点击数据库

     

    数据库创建集合

    添加数据

    数据库权限改为所有用户可读 

     

    展开全文
  • 如何创建开发uniapp微信小程序项目?详细步骤教程

    推荐阅读:

    微信小程序如何上传代码、提交审核、发布代码操作?怎样登录微信公众号平台的小程序和微信公众号后台?_南北极之间的博客-CSDN博客_微信小程序上传根据资料一步步往下做即可。资料在后面:我是扫码登陆的。因为我之前断断续续注册过。我扫描之后。系统让我选择之前注册的账号。在手机上选择好了之后。网页上自动就登陆跳转了。因为我之前已经设置好了。所以这里收起了。可以点开看详情。这里可以设置小程序基本信息,包括名称、头像、介绍及服务范围,开发设置中的服务器域名设置等微信开发者工具下载地址:稳定版 Stable Build | 微信开放文档微信开发者平台文档https://developers.weixin.qq.com/miniprogram/dev/devtoohttps://blog.csdn.net/qq_22182989/article/details/116589066

    1.创建uni-app

    2种创建方法:

    第一种方法:HBuilderX可视化界面

    具体方法:

    利用HbuilderX初始化项目

    • 点击HbuilderX菜单栏文件>项目>新建

    • 选择uni-app,填写项目名称,项目创建的目录

    uni-app支持通过 可视化界面、vue-cli命令行 (opens new window)两种方式快速创建项目。

    可视化的方式比较简单,HBuilderX内置相关环境,开箱即用,无需配置nodejs。

    开始之前,开发者需先下载安装如下工具:

    HBuilderX是通用的前端开发工具,但为uni-app做了特别强化。

    下载App开发版,可开箱即用;如下载标准版,在运行或发行uni-app时,会提示安装uni-app插件,插件下载完成后方可使用。

    如使用cli方式创建项目,可直接下载标准版,因为uni-app编译插件被安装到项目下了。

    #创建uni-app

    在点击工具栏里的文件 -> 新建 -> 项目:

    选择uni-app类型,输入工程名,选择模板,点击创建,即可成功创建。

    uni-app自带的模板有 Hello uni-app ,是官方的组件和API示例。还有一个重要模板是 uni ui项目模板,日常开发推荐使用该模板,已内置大量常用组件。

    #运行uni-app

    浏览器运行:进入hello-uniapp项目,点击工具栏的运行 -> 选择自己想运行的环境即可:

    发布:

    也是按照自己的需求选择:

    第二种方法:使用 cli 脚手架,可以通过 vue-cli 创建 uni-app 项目

    • 使用正式版(对应HBuilderX最新正式版)

      vue create -p dcloudio/uni-preset-vue my-project
      
    • 使用alpha版(对应HBuilderX最新alpha版)

      vue create -p dcloudio/uni-preset-vue#alpha my-alpha-project
      
    • 使用Vue3/Vite版

      • 创建以 javascript 开发的工程(如命令行创建失败,请直接访问 gitee (opens new window)下载模板)
        npx degit dcloudio/uni-preset-vue#vite my-vue3-project
        
      • 创建以 typescript 开发的工程(如命令行创建失败,请直接访问 gitee (opens new window)下载模板)
        npx degit dcloudio/uni-preset-vue#vite-ts my-vue3-project

    此时,会提示选择项目模板(使用Vue3/Vite版不会提示,目前只支持创建默认模板),初次体验建议选择 hello uni-app 项目模板,如下所示:

    自定义模板

    选择自定义模板时,需要填写 uni-app 模板地址,这个地址其实就是托管在云端的仓库地址。以 GitHub 为例,地址格式为 userName/repositoryName,如 dcloudio/uni-template-picture 就是下载图片模板。

    例子:我们这里使用正式版命令:

    vue create -p dcloudio/uni-preset-vue my-project

    具体步骤:

    1.需要电脑提前全局安装vue-cli

    环境安装

    全局安装vue-cli

    npm install -g @vue/cli@4

    安装好了之后,继续下一步:

    2.打开cmd选择好要安装的目录之后。执行以下命令:

    vue create -p dcloudio/uni-preset-vue my-project

    3.选择hello uni-app 项目模板

    不同模板的区别:

    安装好了之后,

    4.进入到my-project目录

    cd my-project

    5.运行项目:

    以下2个命令都行

    npm run dev
    npm run serve

    6.查看项目的网页效果

    点击网址,就可以查看我们创建的uniapp项目了!

     

    7.打包、发布uni-app

    npm run dev:%PLATFORM%
    npm run build:%PLATFORM%

     8.微信开发者工具里面运行

    如果想在微信开发者工具里面运行的话:

    首先要先安装好微信开发者工具,配置好之后,

    可以在hbuilder x里打开,或者直接在微信开发者工具里导入项目都可以运行。

    如果是在hbuilder x里,点击运行到微信开发者工具即可:

    效果:

     

    使用cli创建项目和使用HBuilderX可视化界面创建项目有什么区别

    编译器的区别

    • cli 创建的项目,编译器安装在项目下。并且不会跟随HBuilderX升级。如需升级编译器,可以使用 @dcloudio/uvm (opens new window)管理编译器的版本,如 npx @dcloudio/uvm
    • HBuilderX可视化界面创建的项目,编译器在HBuilderX的安装目录下的plugin目录,随着HBuilderX的升级会自动升级编译器。
    • 已经使用cli创建的项目,如果想继续在HBuilderX里使用,可以把工程拖到HBuilderX中。注意如果是把整个项目拖入HBuilderX,则编译时走的是项目下的编译器。如果是把src目录拖入到HBuilderX中,则走的是HBuilderX安装目录下plugin目录下的编译器。
    • cli版如果想安装less、scss、ts等编译器,需自己手动npm安装。在HBuilderX的插件管理界面安装无效,那个只作用于HBuilderX创建的项目。

    开发工具的区别

    • cli创建的项目,内置了d.ts,同其他常规npm库一样,可在vscode (opens new window)webstorm (opens new window)等支持d.ts的开发工具里正常开发并有语法提示。
    • 使用HBuilderX创建的项目不带d.ts,HBuilderX内置了uni-app语法提示库。如需把HBuilderX创建的项目在其他编辑器打开并且补充d.ts,可以在项目下先执行 npm init,然后npm i @types/uni-app -D,来补充d.ts。
    • 但vscode等其他开发工具,在vue或uni-app领域,开发效率比不过HBuilderX。详见:https://ask.dcloud.net.cn/article/35451(opens new window)
    • 发布App时,仍然需要使用HBuilderX。其他开发工具无法发布App,但可以发布H5、各种小程序。如需开发App,可以先在HBuilderX里运行起来,然后在其他编辑器里修改保存代码,代码修改后会自动同步到手机基座。
    • 如果使用cli创建项目,那下载HBuilderX时只需下载23.31M的标准版即可。因为编译器已经安装到项目下了。
    • 对 cli 使用有疑问,欢迎扫码加入 uni-app 微信交流群讨论:

    注意:HBuilderX创建的项目,一样可以使用npm

    展开全文
  • 一些前期准备:预约开发账号、下载和安装qq开发者工具、创建小程序、qq开发者工具的基本目录结构简单了解

    目录

    前期准备

    1.预约开发账号

     2.下载安装开发者工具

    开发 

    1.创建QQ小程序

    2.进入开发者工具

    3.基本文件目录结构简单了解


    前期准备

    1.预约开发账号

    (1)在QQ小程序开发平台注册好个人信息,预约开发账号:QQ 开放平台

    打开之后,需要注册管理员账户,安装流程进行就可以,

    (2)之后需要进行邮箱的激活认证账号,

     (3)认证之后,就会出现这个页面,

     2.下载安装开发者工具

    (1)进入小程序开发者工具 | 文档

    根据自己电脑要求下载小程序开发者工具的版本, 

     这里我选择的是windows-x64版本进行下载的,

     等待下载完成,

     (2)下载完成之后,双击打开,就会进入安装流程。

     此处可以选择开发者工具的下载路径,点击“next”进入下一页,

     此处可以选择是否在桌面上创建快捷方式,点击“next”进入下一页,

    点击“install”进入安装, 等待安装完成,

     等待安装完成,

    此处可以选择是否现在要开启qq小程序开发者工具,点击“finish”完成,

    注意:选择现在要开启qq小程序开发者工具之后,就会弹出这个页面,

     

     (3)QQ登录qq小程序开发者工具之后,现在我们还不能创建一个新的项目,因为我们现在还没有申请小程序appid,

     好了,那下一步我们就需要申请小程序appid。

    开发 

    1.创建QQ小程序

    QQ小程序开发文档

    (1)qq小程序的AppID (小程序ID)和AppSecret (小程序密钥)可以找到在QQ小程序,(需要登录账号)

    2.进入开发者工具

    (1)打开QQ 开放平台,点击“创建小程序”,

     按流程要求进行,

     创建之后,就可以看到我们新创建的小程序了,

     (2)这时,我们就已经申请成功了,将AppID复制下来,我们就可以开始在qq小程序开发工具里创建项目了,

    界面上可以看到就会出现一个新的项目,

    3.基本文件目录结构简单了解

    (1)点击进入项目,我们就能看见我们创建的这个项目的一些基层的文件目录结构,

     对于QQ小程序开发本质上和微信的小程序开发是很相似的。

    OK,今天先到这里。

    展开全文
  • 抖音壁纸小程序,目前挺火的。我来分享下搭建流程: 流程大纲:字节小程序开发者账号 认证小程序 发布小程序 参考云云取图 抖音演示搜:云云取图 ...给小程序起个名。点创建。...然后你就有自己小程序.
  • 如何自己搭建一个小程序(步骤详解)

    万次阅读 多人点赞 2021-03-15 15:53:05
    今天分享一下小程序创建步骤,只要按照步骤操作,不懂技术也能自己搭建一个属于自己小程序; NO·1 注册公众号 划重点:申请小程序前,建议先注册一个公众号;因为使用已认证过的公众号主体做辅助认证,可以免...
  • 一:创建小程序全局函数 1:在微信开发工具中增加一个JS文档, 放入全局全局函数 代码说明 1:全局函数只能放var定义的变量下,本例的var 变量为myFunction 格式为: var myFunction={ 在这里编写你的全局函数 } 你...
  • 如何注册微信小程序

    千次阅读 2022-07-15 17:09:54
    从免费注册开始一步一步教你如何创建属于自己的微信小程序·
  • 怎么能免费制作自己的微信小程序? 看下方,小程序的制作有以下四种主要方式: 免费小程序(这里分为三种小程序类型,1.个人小程序2.个体小程序3.企业小程序) [一般个人小程序的话不建议申请,因为权限接口很多...
  • 微信小程序云开发创建数据库表 1.进入小程序后点击云开发,开启云开发功能。 2.开启云开发功能后会进入云开发控制台后点击左上角的数据库,后点击下面的“+”创建数据表。表名随便取,你开心就好,我的表名叫...
  • 开发微信小程序创建小程序实例

    千次阅读 2017-08-02 22:07:16
    创建小程序实例 点击开发者工具左侧导航的“编辑”,我们可以看到这个项目,已经初始化并包含了一些简单的代码文件。最关键也是必不可少的,是 app.js、app.json、app.wxss 这三个。其中,.js后缀的是脚本文件,....
  • 微信小程序一键创建js,json,wxml,wxss

    千次阅读 2019-05-31 09:47:49
    在写小程序创建项目的时候每一个一般都会有 js,json wxml ,wxss 一个选择一个一个创建 也可以一键创建 创建的时候选择Component 输入名字 这四个就一下创建了 这样创建写的时候js ,json里面不符合自己的...
  • 微信小程序入门 前言 随着科技的不断进步,很多功能将会开放,那么很多需求也将会因为现实而得到满足,这是一种不需要下载和安装就可以使用的应用软件。用户只需扫描和搜索就可以打开应用程序。它很容易使用,而且...
  • 核酸检测小程序实战教程

    万次阅读 多人点赞 2022-09-12 10:33:28
    核酸做完之后还可以在小程序直接获取报告,非常方便。我们本次教程就以这个实际生活场景为例,结合微搭低代码工具来制作一款核酸检测小程序小程序一共分为在线预约和我的预约两个版块。在线预约可以增加受检人,...
  • 在HBuilderX上面新建微信小程序项目

    千次阅读 2021-08-01 12:55:51
    文章目录一、前期准备(一)微信开发者工具(二)HbuilderX二、创建项目步骤(一)HBuilderX创建小程序工程(二)、配置小程序AppID(三)、运行项目到微信小程序 一、前期准备 (一)微信开发者工具 小程序开发工具...
  • 零基础入门微信小程序开发

    万次阅读 多人点赞 2018-07-03 02:45:07
    本课程是一个系列入门教程,目标是从 0 开始带领读者上手实战,课程以微信小程序的核心概念作为主线,介绍配置文件、页面样式文件、JavaScript 的基本知识并以指南针为例对基本知识进行扩展,另外加上开发工具的安装...
  • 微信小程序——搭建自己的服务器

    千次阅读 2020-11-01 21:15:32
    一、注册微信小程序 进入微信公众平台,使用邮箱账号,选择注册小程序账号。一个邮箱只能注册一个类型的微信账号(订阅号、服务号、小程序)。 二、搭建Https服务器 1、域名注册 1.1、登录腾讯云域名注册页面,并...
  • 一、注册微信小程序 1、注册方法在微信公众平台官网首页(http://mp.weixin.qq.com)点击右上角的“立即注册”按钮。 2、选择注册的帐号类型选择“小程序”。 3、填写邮箱和密码请填写未注册过...
  • 运行项目,因为我是微信小程序,所以使用的就是mp-weixin npm run dev:mp-weixin 用微信开发者工具打开vscode创建的项目里的dist文件夹中的dev文件夹中的文件 然后就和写vue一样的写代码了,写完之后在微信...
  • 个人博客小程序

    千次阅读 多人点赞 2022-07-26 20:54:37
    文章详细的介绍了个人博客小程序的云开发流程,包括博客展示页面,添加博客页面的创建,以及云函数的上传,数据库的创建和使用。同时使用到了form,text等组件以及使用富文本添加博客。
  • 第一个微信小程序的诞生

    万次阅读 多人点赞 2022-07-10 09:33:04
    下一步:邮箱激活账号信息填写完进入邮箱激活,需要到邮件里面验证登录使用电脑登录邮箱,我这里是网易邮箱,可使用QQ,步骤一样最后一步:信息登记,就可以拥有自己小程序帐号。手机微信为管理员扫描二维码在这个...
  • 做任何程序开发要首先找到...这里就是做微信小程序开发的全部官方文档。 知道了文档的位置,下面我们来介绍下如何做一个微信小程序开发: 第一步: 下载微信小程序开发者工具并安装,下载路径: https://mp.weix...
  • 从头搭建一个微信小程序,需要哪些流程?

    千次阅读 多人点赞 2022-02-16 09:05:43
    从头搭建一个微信小程序,需要哪些流程? 微信小程序整体有几种模式,一种是云服务模式,一种是不使用云服务模式,两者什么区别呢? 官方解释:微信云开发是微信团队联合腾讯云推出的专业的小程序开发服务。 开发者...
  • 钉钉小程序的开发入门【亲自调试】
  • 之前使用云开发在使用上受到了很大的限制,一和别人交流说自己做了一个小程序是用“云开发”完成的,仿佛很NB的样子,但只有自己知道心里是虚的、没有底儿的。一开始使用云开发的功能,先是“云数据库”、然后是“云...
  • uniapp快速搭建小程序项目 完整过程

    千次阅读 2022-04-18 14:23:42
    选择小程序 -> 填写注册信息 1. 开发工具准备 使用uniapp开发就需要用到两个工具,HBuilderX 以及 微信开发者工具。 HBuilderX的下载地址:APP开发版 HBuilderX 微信开发者工具下载地址:稳定版 Stable Build...
  • 微信小程序——开篇

    万次阅读 多人点赞 2022-06-04 17:00:58
    如今微信小程序已经成为我们日常生活中不可或缺的‘介质’,如我们的出行、购物、餐饮、社交、娱乐等活动的小程序已经因有尽有,相比于去安装一个app人们自然更加倾向于在微信中去直接访问某个小程序,而且我们的...
  • 因个人需要初次尝试制作微信小程序,并将后台接入阿里云,学习过程根据网上教学,可能内容不是特别准确,但以此记录下学习步骤,方便大家日后参考。 作品需求 能够将阿里云数据库中实时更新的信息通过后台传至小程序...
  • uni-app项目4、把项目运行到微信开发者工具二、实现tabBar效果1、创建tabBar页面2、配置tabBar三、配置网络请求1、依照官网提示安装、导入、使用2、实战四、uni-app 里面小程序分包1、创建分包目录2、在 pages.json ...
  • 提供了免费版 免费版微信开发工具只让上传部署10个云函数 超过,提示错误,云函数数量已达到当前套餐限制 ...1. 后端,把多个功能相关的函数写到一个函数里,使用switch接收一个参数区分进行区分。...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 1,393,289
精华内容 557,315
热门标签
关键字:

如何创建自己的小程序