基于0制作一个微信小程序，实现展示名片、拨打电话的功能。

0.什么是小程序？

一个运行在微信上的轻量级APP就像是微信的一个额外的程序入口。 操作体验与微信原生APP相差无几。 您可以基于微信APP开发自己的服务。

1.注册小程序账号

/cgi-bin/wx

支持个人、企业、媒体等主体注册。 不同的主体，微信小程序提供的能力是不同的。 根据实际情况选择。 我以个人注册为例。

如果您还不知道什么是小程序，请点击打开体验一下。

2.安装微信小程序开发工具

登录小程序开发者后台，找到开发工具下载：微信开发者工具下载地址及更新日志 | 微信打开文档()。 对于不同的开发者有不同的相似版本。 一般情况下可以选择稳定版本。 功能稳定。 目前稳定版本是1.06。 根据提示下载并安装。

运行后，如果有防火墙阻止，请点击允许访问网络。

3.创建一个小程序

打开微信开发工具，使用微信扫描二维码登录。

登录成功后主界面如下图

小程序开发工具提供了不同类型的小程序模板。 在这里选择小程序类型，点击“+”号即可新建一个小程序项目。

项目名称：您给项目起的名称，您给小程序起的名称

：小程序工程本地保存的文件目录

：根据微信小程序后台注册的小程序名称生成的ID。 如果没有，可以使用测试号进行测试，也可以先注册一个ID。

开发方式：选择小程序

后端服务：有云开发和非云服务两种模式。 云开发使用微信提供的服务器。 你需要为它们付费。 零基础使用云服务器有点复杂，而且是付费模式。 不建议新手使用。 这里选择不使用它。 云服务器

模板选择：任意选择一个即可

区域1显示在微信上打开的效果，区域2是项目的文件结构，区域3是代码编辑区域，区域4是调试信息显示区域，区域5是开发工具栏。

工具栏上的预览按钮可以直接在微信上打开预览。

在资源管理器中找到page//.wxml。 这是小程序打开时显示的页面，将里面的内容全部删除。 新建一个图片img目录，将名片放入img目录下。

可以在线生成名片。

在page//.wxml中输入以下代码：

它是一对图像标签，成对出现。 它们用括号括起来。 它们是开始标签和结束标签。 请注意，结束标记有一个反斜杠/

可以在标签中添加一些属性来修改图像显示的样式和外观。 src属性显示了图像的具体位置。 ../代表当前文件，../../代表下一级目录。 。 mode是显示图片的模式，加上属性，否则图片显示可能会变形。 一张小程序名片就做好了，非常简单！

要实现通话功能，需要编写一个调用微信的函数。 微信是通过wx调用的。 功能。 打开page//.js文件，删除里面的内容，编写如下调用代码：

Page({

只要按照你写的做就可以了。 它是函数名称。 如何通过点击图片然后拨打电话号码来调用该功能？

只需将点击调用属性绑定到page//.wxml图片标签即可。

绑定事件可以使用属性来实现。

点击图片即可调用通话功能

最后一步是将开发好的程序上传到微信后台进行审核。

4.小程序提交审核并上线

登录小程序后台，在版本管理器中找到您刚刚提交的开发版本，并提交审核

提交审核的小程序会有代码安全审核流程

名片不收集任何用户隐私。 选择不收集用户隐私可以加快审核过程。

一般情况下，审核需要1-7天完成。